Question

请原谅可怜的措词，我知道这是可能的，但我无法弄清楚谷歌的内容，所以我只是这样解释..

我有这个HTML：

<div class="navbar_links">
<ul>
<li><a href="www.google.com">Home</a></li>
<li><a href="www.google.com">About</a></li>
<li><a href="www.google.com">Speakers</a></li>
<li><a href="www.google.com">Exhibitors</a></li>
<li><a href="www.google.com">Agenda</a></li>
<li><a href="www.google.com">Location</a></li>
</ul>
</div>

然后我可能会有另一个列表..

我想做的只是为类<ul> / <li>添加navbar_links项。不是在html中出现任何无序列表，只是<div class="navbar_links">中找到的无序列表有人可以向我解释如何做到这一点吗？为了将来的参考，让我知道它的“被叫”是什么，所以我不必浪费时间用我知道应该能够google的东西，对不起：P

Answer 1

使用.navbar_links ul或.navbar_links li取决于您实际想要的样式。这会将样式限制为仅包含navbar_links类内的项目。

Answer 2

您正在寻找CSS选择器：www.w3.org/TR/CSS2/selector.html

在这种情况下，您可以编写以下内容：

.navbar_links ul {
  /* put styles for ul here */
}

Answer 3

像这样：

.navbar_links ul

以下是一个示例小提琴：http://jsfiddle.net/AWWmc/1

Answer 4

你可以使用：

.navbar_links ul

做你想做的事。

Answer 5

您正在寻找的是 CSS选择器，或者更具体地说，是类选择器。 e.g。

.navbar_links ul, /* Select all ul within elements of class='navbar_links' */
.navbar_links ul > li /* Select all li that are *children* of a ul within els of class='navbar_links' */

（第二个例子不会选择li）的内部<div class='navbar_links'><ul><li><ol><li>…

快速入门CSS，如何“范围”样式？

5 个答案: