Question

我一直在研究一些例子，一直在想，有什么好处（如果有的话）通过一个特定元素设置你的风格或者附加一个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更简单，误差更小，但我发现很多人使用前者的例子。这有什么特别的原因吗？或者这真的只是个人偏好？

Answer 1

它更多地使用HTML属性，因为它们被定义为使用它们。

ID是文档/页面上元素的唯一标识符。所以ID通常是“主导航”，“页脚包装”和“左侧边栏”之类的东西。

类是用于描述元素的属性，它们也可以组合使用。示例是此文本是双倍间距和灰色并居中

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

Answer 2

IMO认为你想不惜一切代价避免使用ID造型，但我也赞同Nicole Sullivan所倡导的OOCSS做事方式。基本上它归结为ID所针对的样式是不可重用的，这通常开始失控并导致在多个地方完全相同的样式声明，除了在需要被覆盖时劫持特异性链某些情况。 This article和that wiki page以比我愿意在此概述的更好的方式对其进行描述。

按特定元素和id设置样式

2 个答案: