0

我一直在处理一些示例,一直想知道通过一个特定元素设置您的样式或将一个 id 附加到它并通过它设置它有什么好处(如果有的话)?例如,如果我们有这张表:

<table>
    <tbody>
        <tr class="cat1">
            <th scope='row'><span id='s'>Table Data</span></th>
            <td class='tdh'>Table Data</td> 
        </tr>
        <tr class="cat2">
            <th scope='row'><span id='s2'>Table Data</span></th>
            <td class='tdh'>Table Data</td> 
        </tr>
    </tbody>
</table>

并且想要设置 span 元素的样式,我们可以通过它与表格的位置来抓取该元素:

table tr.cat1 span {
  some css;
}

或通过 id:

#s {
  some css;
}

这些实际工作的方式有什么大的不同吗?我发现使用 id 更简单,错误余地更小,尽管我发现很多人使用前者的例子。这有什么具体原因吗?还是真的只是个人喜好?

4

2 回答 2

1

更多的是使用它们定义为使用的 HTML 属性。

ID 是文档/页面上元素的唯一标识符。所以 ID 通常是“main-navigation”、“footer-wrapper”和“left-sidebar”之类的东西。

类是用来描述元素的属性,它们也可以组合使用。例子是这个文本是双倍行距和灰色和居中的

简单地说,使用 id 来识别和类来描述和相应地制作样式。

于 2012-07-14T02:30:08.557 回答
0

IMO 认为您希望不惜一切代价避免使用 ID 进行样式设置,但我也赞同 Nicole Sullivan 倡导的OOCSS 做事方法。基本上它归结为ID所针对的样式不可重用,这通常会开始失控并导致在多个地方完全相同的样式声明,除了在需要重写时劫持特异性链某些情况。这篇文章那个 wiki 页面以比我愿意在这里概述的方式更好的方式描述它。

于 2012-07-14T02:17:05.693 回答