Question

这是唯一的方法吗？我尝试使用navbar类创建一个div，因此它会将类应用于它包含的元素，但它不起作用。有没有办法可以避免手动将类应用到每个元素？感谢。

<ul class="navbar">
    <li class="navbar"><a href="index.html"  class="navbar">Home</a></li>
    <li class="navbar"><a href="images.html"  class="navbar">Images</a></li>
</ul>

adding a screenshot of my CSS

由于

Answer 1

如果你想要最简单的方法来添加类而不用手动操作，你可以使用jquery，对于css部分，你只能使用ul的类而没有li的类，如果你想让li有特定样式用法：nth-child（数字），：first-child或：last-child。

啊，对于你的CSS，请使用：

.navbar li而不是使用li.navbar，因为如果您定义了自定义的div，则不需要指定要自定义的li。

我希望我能帮到你，

问候。

Answer 2

<强> HTML

<ul class="navbar">
    <li>
        <a href="index.html">Home</a>
    </li>
    <li>
        <a href="images.html">Images</a>
    </li>
</ul>

<强> CSS

在下面的骨架中添加规则。

 .navbar {
 }

    .navbar > li {
    }

        .navbar > li > a {
        }

        .navbar > li > a:hover {
        }

为了好玩

我想包括这个，即使我在上面回答了这个问题。不要认为为子元素定义类是不好的做法。事实上，当您了解OOCSS或BEM时，您会看到它经常被鼓励。优点是您的标记可以更改，您不必更改CSS。

.navbar {
}

    .navbar__item {
    }

        .navbar__link {
        }

        .navbar__link:hover {
        }

设置CSS类中

2 个答案: