快速入门CSS,如何"范围"样式？

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