Question

在今天的CSS / SCSS世界中，人们对制作网站的偏好是什么。你喜欢平板CSS还是嵌套？为什么？例如，假设您有一个导航，您更喜欢哪种标记和分类：

A

<nav id="main-nav">
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/search">Search</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/wtf">Quack</a></li>
    </ul>
</nav>

乙

<nav id="main-nav">
    <ul class="nav-list">
        <li class="nav-item"><a href="/">Home</a></li>
        <li class="nav-item"><a href="/search">Search</a></li>
        <li class="nav-item"><a href="/contact">Contact</a></li>
        <li class="nav-item"><a href="/wtf">Quack</a></li>
    </ul>
</nav>

为了便于讨论，我对您在网站上所有内容使用的标准感兴趣。是不是所有的CSS都是平的，还是你喜欢有一些嵌套级别的命名空间或完全不同的东西

Answer 1

A会选择“A”deffinately。这项工作较少，你所要做的就是：

#main-nav {}
#main-nav ul {}
#main-nav ul li {}

CSS样式辩论 - 平面还是嵌套？

1 个答案: