html - Quick beginner CSS, how to "scope" styles?

Question

Excuse the poor phrasing, I know it's possible but I can't figure out what to google so I'll just explain it like so..

I have this 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>

and then later on I might have another list..

All I want to do is style just the <ul> / <li> items for the class navbar_links. Not for any occurrence of an unordered list in the html, just an unordered list found within <div class="navbar_links"> Could someone explain to me how to do that? And for future reference, let me know what it's "called" so I don't have to waste SO's time with something I know I should have been able to google, sorry :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