Top > テストページ > swikiテーブル

テストページ/swikiテーブル
HTML ConvertTime 0.022 sec.

swikiのテーブルスタイル指定調査 Edit

dd_bgcoloraaaを指定 Edit


ヘッダ1
フッタ1フッタ2フッタ3フッタ4
標準背景色
#000#111#222#333
#444#555#666#777
標準背景色
#888#999#aaa#bbb
#ccc#ddd#eee#fff
標準背景色


テーブル内にdd_bgcolorXXXのスタイル指定が効いていない?

スタイル指定の入れ子 Edit

greentableの中にbgcolorXXX Edit


ヘッダ1ヘッダ2ヘッダ3ヘッダ4
データ1-1データ1-2データ1-3データ1-4
データ2-1データ2-2データ2-3データ2-4
データ3-1データ3-2データ3-3データ3-4


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

#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}


bgcolorXXXの内側にgreentable Edit


ヘッダ1ヘッダ2ヘッダ3ヘッダ4
データ1-1データ1-2データ1-3データ1-4
データ2-1データ2-2データ2-3データ2-4
データ3-1データ3-2データ3-3データ3-4


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

#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}


html化したときのstyle指定 Edit

#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
<div class="dd_bgcolor888">
↑ここで
  div.dd_bgcolor888 {
    background-color: #888;
  }
  が適用される
  ...
  <table class="style_table" ... >
    ...
    <tbody>
      <tr>
        <td class="style_td">データ1-1</td>
        ↑ここで
          .style_td {
            background-color: #eee;
          }
          が適用されてしまう
          dd_greentable のように
          div.dd_greentable table tbody tr td {
            background-color: white;
            color: black;
          }
          の定義があればいい?
        ...
      </tr>
    </tbody>
  </table>
  ...
</div>



ホーム リロード   新規 下位ページ作成 コピー 編集 添付 一覧 最終更新 差分 バックアップ 検索   凍結 名前変更     最終更新のRSS