css - 将 css ID 用于页脚标题和仅用于重复对象的类在语义上是否正确

Question

我知道 ID 和 Class 之间的区别。我知道 ID 需要是唯一的，并且可以用于通过 java 或 jquery 定位特定容器。

我遇到的问题是掌握每个词的正确语义用法。

我是否应该将 ID 用于页脚/页眉/主要内容/所有内容，而仅将类用于重复容器，如 <p>, <li> ？

我知道最后没关系。但我讨厌我所做的事情没有逻辑......

Answer 1

几乎是的。有时您根本不需要类或 ID - 在需要时使用它，而不是因为您认为应该使用它。

例如，您不需要为导航中的每个 li 元素添加类，您可以这样:

<div id="header">
    <a href="#">Logo</a>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

并且您可以轻松地设置(或使用 javascript 定位)任何元素:

#header > a { /* logo */ }

#header ul { /* nav container */ }

#header ul li {}

#header ul li a {}

等等

我希望它能回答你的问题!