HTML标签可以继承父/封闭标签的类吗?

时间:2013-09-25 13:43:46

标签: html css inheritance

有没有办法专门设计包装标签内的标签?例如,我想在“wide”类的表中仅设置<td>样式。

HTML:

<table class="wide">
<tr>
<td>Entry 1</td>
<td>Entry 2</td>
</tr>
<tr>
...
</tr>
</table>

CSS(或这些内容):

td.wide {
    /* styling */
}

我希望将“宽”表格的所有<td>元素设置为样式,但像<table class="small"> ... </table>这样的表格不会设置其<td>元素样式。我想避免将class="wide"添加到所有宽表中的每个<td>元素。

注意:我不打算专门针对<table><td>元素执行此操作。我想知道一般的正确方法。该示例可以设置包含在某个类的<p>中的所有<div>元素。

4 个答案:

答案 0 :(得分:11)

  

HTML标签可以继承父/封闭标签的类吗?

没有。类不是继承的。

  

有没有办法专门设计包装标签内的标签?

A descendant combinator

selector-of-container [space] selector-of-target-within-container
  

我希望避免将class="wide"添加到所有宽表中的每个<td>元素。

table.wide td { /* rules */ }

答案 1 :(得分:3)

这是基本的CSS。

您的表格有一个.wide类,您想在其中设置td元素的样式。

.wide td {
yourstyles;
}

答案 2 :(得分:2)

使用HTML布局,这非常简单。

table.wide td {

}

答案 3 :(得分:1)

不,那不是css如何运作

你可以这样做

table.wide td {
}