CSS – select一个id中的类的语法
什么是select器语法来通过类名在一个id中select一个标签？ 例如，为了使内部的“李”变成红色，我需要select什么？
<html> <head> <style type="text/css"> #navigation li { color: green; } #navigation li .navigationLevel2 { color: red; } </style> </head> <body> <ul id="navigation"> <li>Level 1 item <ul class="navigationLevel2"> <li>Level 2 item</li> </ul> </li> </ul> </body> </html> #navigation .navigationLevel2 li { color: #f00; }
这也将工作，你不需要额外的类：
#navigation li li {}
如果你有第三级的LI，你可能需要重置/重写他们从上面的select器inheritance的一些样式。 你可以像这样定位第三层：
#navigation li li li {}
.navigationLevel2 li { color: #aa0000 }
这里有两个选项。 我更喜欢navigationAlt选项，因为它最终涉及较less的工作：
<html> <head> <style type="text/css"> #navigation li { color: green; } #navigation li .navigationLevel2 { color: red; } #navigationAlt { color: green; } #navigationAlt ul { color: red; } </style> </head> <body> <ul id="navigation"> <li>Level 1 item <ul> <li class="navigationLevel2">Level 2 item</li> </ul> </li> </ul> <ul id="navigationAlt"> <li>Level 1 item <ul> <li>Level 2 item</li> </ul> </li> </ul> </body> </html>
