千年戦争アイギス Wiki

• 追加された行はこの色です。
• 削除された行はこの色です。
• テストページ/swikiテーブル へ行く。
• テストページ/swikiテーブル の差分を削除

*swikiのテーブルスタイル指定調査 [#yf90658b]

**dd_bgcoloraaaを指定 [#u7bcdfb9]

#style(class=dd_bgcoloraaa){{
~
|>|>|>|CENTER:|c
|>|>|>|ヘッダ１|h
|>|>|>|CENTER:標準背景色|
|BGCOLOR(#000):#000|BGCOLOR(#111):#111|BGCOLOR(#222):#222|BGCOLOR(#333):#333|
|BGCOLOR(#444):#444|BGCOLOR(#555):#555|BGCOLOR(#666):#666|BGCOLOR(#777):#777|
|>|>|>|CENTER:標準背景色|
|BGCOLOR(#888):#888|BGCOLOR(#999):#999|BGCOLOR(#aaa):#aaa|BGCOLOR(#bbb):#bbb|
|BGCOLOR(#ccc):#ccc|BGCOLOR(#ddd):#ddd|BGCOLOR(#eee):#eee|BGCOLOR(#fff):#fff|
|>|>|>|CENTER:標準背景色|
|フッタ１|フッタ２|フッタ３|フッタ４|f
~
}}
テーブル内にdd_bgcolorXXXのスタイル指定が効いていない？

**スタイル指定の入れ子 [#uac427c0]

***greentableの中にbgcolorXXX [#e7f3edc3]

#style(class=dd_floatleft){{{{
#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ１|ヘッダ２|ヘッダ３|ヘッダ４|h
|データ１－１|データ１－２|データ１－３|データ１－４|
|データ２－１|データ２－２|データ２－３|データ２－４|
|データ３－１|データ３－２|データ３－３|データ３－４|
~
}}
}}}
内側のdd_bgcolor888の背景色指定より
外側のdd_greentableの背景色指定が優先されている
}}}}

#style(class=dd_floatleft){{{{{
#pre{{{{
#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ１|ヘッダ２|ヘッダ３|ヘッダ４|h
|データ１－１|データ１－２|データ１－３|データ１－４|
|データ２－１|データ２－２|データ２－３|データ２－４|
|データ３－１|データ３－２|データ３－３|データ３－４|
~
}}
}}}
}}}}
}}}}}

#style(class=clearfix){{
~
}}

***bgcolorXXXの内側にgreentable [#y9e8a83d]

#style(class=dd_floatleft){{{{
#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{

~
|ヘッダ１|ヘッダ２|ヘッダ３|ヘッダ４|h
|データ１－１|データ１－２|データ１－３|データ１－４|
|データ２－１|データ２－２|データ２－３|データ２－４|
|データ３－１|データ３－２|データ３－３|データ３－４|

~
}}
}}}
外側のdd_bgcolor888の背景色指定より
内側のdd_greentableの背景色指定が優先されている
}}}}

#style(class=dd_floatleft){{{{{
#pre{{{{
#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{
~
|ヘッダ１|ヘッダ２|ヘッダ３|ヘッダ４|h
|データ１－１|データ１－２|データ１－３|データ１－４|
|データ２－１|データ２－２|データ２－３|データ２－４|
|データ３－１|データ３－２|データ３－３|データ３－４|
~
}}
}}}
}}}}
}}}}}

#style(class=clearfix){{
~
}}

***html化したときのstyle指定 [#x7b6a8d2]
#style(class=dd_floatleft){{{{
#pre{{{
#style(class=dd_bgcolor888){{
~
|ヘッダ１|ヘッダ２|ヘッダ３|ヘッダ４|h
|データ１－１|データ１－２|データ１－３|データ１－４|
|データ２－１|データ２－２|データ２－３|データ２－４|
|データ３－１|データ３－２|データ３－３|データ３－４|
~
}}
}}}
}}}}

//#style(class=dd_floatleft){{{{
//#style(class=dd_bgcolor888){{
//~
//|ヘッダ１|ヘッダ２|ヘッダ３|ヘッダ４|h
//|データ１－１|データ１－２|データ１－３|データ１－４|
//|データ２－１|データ２－２|データ２－３|データ２－４|
//|データ３－１|データ３－２|データ３－３|データ３－４|
//~
//}}
//}}}}

#style(class=dd_floatleft){{{
#pre{{
<div class="dd_bgcolor888">
↑ここで
  div.dd_bgcolor888 {
    background-color: #888;
  }
  が適用される
  ...
  <table class="style_table" ... >
    ...
    <tbody>
      <tr>
        <td class="style_td">データ１－１</td>
        ↑ここで
          .style_td {
            background-color: #eee;
          }
          が適用されてしまう
          dd_greentable のように
          div.dd_greentable table tbody tr td {
            background-color: white;
            color: black;
          }
          の定義があればいい？
        ...
      </tr>
    </tbody>
  </table>
  ...
</div>
}}
}}}

#style(class=clearfix){{
~
}}