Question

有几次我被告知不要选择<nav>＆amp;等元素。 <body>而是使用类选择器。例如，＆＃34; <nav>标记不是用于显示/样式目的，而是用于明确区分导航部分。＆＃34;但是，这不能成为具有语义元素的目的的一部分吗？

假设我只有一个项目符号导航列表，并且我将它们设置为水平，添加背景等，是否可以在课程中选择导航元素？

    <nav class="navigation">
        <ul class="links">
            <li><a href="">Shop</a></li>
            <li><a href="">Discounts</a></li>
            <li><a href="">Profile</a></li>
            <li><a href="">Blog</a></li>
        </ul>
    </nav>

而且，如果你打算投票给我，请提供解释，而不是假设我可以直觉为什么你这样做。

Answer 1

添加一个类可以让以后更容易扩展页面。该课程本身应具有语义含义。

如果您只选择元素，然后在以后添加更多相同类型的元素，那么您无论如何都必须添加类。

Answer 2

类具有比元素选择器更高的特异性。因此，您可以在何时使用它。

假设这个html：

<nav class="nav"></nav>
<ul class="nav"></ul>
<nav class="footer-nav"></nav>

现在，您如何使用<nav class="nav"></nav>的css样式？

.nav{...}？不，有两个类导航。

下一页：nav{}？不，有两个导航元素。

那么，你如何保持？

像这样：nav.nav{}现在它选择我们想要的特定元素。

所以，关于我们想要选择的内容的所有内容。

所以它完全取决于你页面中的元素。

是否最好选择class或<nav>元素？</nav>

2 个答案: