这可能吗? .classname,div,td {}

时间:2011-11-26 20:36:46

标签: html css tags

是否可以将多标签分配给这样的类?这样做有什么类似的方法吗?

.classname td, div {
css code
}

谢谢你的时间!

3 个答案:

答案 0 :(得分:2)

如果要在.classname中设置div或tds样式,则需要:

.classname td, .classname div {...}

您的代码在.classname和所有 div中设置样式。

答案 1 :(得分:2)

技术上@NCode和@Artefacto回答了你的问题。因此,请选择您喜欢的答案中的任何一个。我只是想澄清任何困惑。

第一个例子的范围很窄。只有Hello World会被赋予红色的颜色值。

td.classname, div.classname { color: red; }

<table>
<tr>
<td class="classname">Hello World</td>
<td>Goodbye World</td>
</tr>
</table>

<div class="classname">Hello World</div>
<div>Goodbye World</div>

第二个例子的范围很广。 Hello World和Goodbye World都会被赋予红色的颜色值。

.classname td, .classname div { color: red;}

<section class="classname">
<table>
<tr>
<td>Hello World</td>
<td>Goodby World</td>
</tr>
</table>

<div>Hello World</div>
<div>Goodbye World</div>
</section>

答案 2 :(得分:0)

选择所有td个元素,它们是类classname的某个元素的后代,加上所有div。如果您想要所有tddiv元素与classname类,则必须执行以下操作:

td.classname, div.classname {
    /* foo */
}