1

何かのようなもの：

html:

<tr class = "foo"> 
   <td class = "foo"> ... </td>
   <td class = "foo"> ... </td>
</tr>

スタイルシート:

// I want to merge these
tr.foo { ... } 
td.foo { ... }
4

3 に答える 3

3

.foo{/*styles in here*/}タグを指定する必要はありません。

于 2013-02-15T06:12:33.300 に答える
2

コンマを使用して、CSS でルールセットを組み合わせることができます。

tr.foo, td.foo { /* all these rules apply to both */ }

tr.fooもちろん、これは、カスケード内の別のまたはtd.foo、または上書きルールを含む他のルールセットを持つことを妨げるものではありません。

子孫セレクターを使用する場合は、単なるスペースです。

tr.foo td.foo { /* affects all td class=foo children of tr class=foo */ }

より具体的な子セレクターもあります>

于 2013-02-15T06:11:57.963 に答える
0 
<tr id="trow" >
  <td id="tcol">...</td>
  <td id="tcoll">..</td>
</tr>

CSS

#trow,#tcol,#tcoll { 
-------------
-------------
}

あなたが言及したクラス名は同じです..

foo {
---------
---------
}

で十分です。スタイルが同じ場合はマージする必要はありません..

于 2013-02-15T06:15:02.913 に答える