设置 CSS 类中各种元素的属性

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>

添加我的 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 {
}