关于ul ul ul 的css规则定义问题

Question

在Dreamweaver8范例“页面设计（css)中，有这样的规则定义：ul ul定义和ul ul ul定义。它们的css代码分别是ul ul {list-style-type: disc}和ul ul ul {list-style-type : square}。我只知道无序列表ul的css定义，请问：怎样理解ul ul或ul ul ul的css规则定义？

Answer 1

首先你要理解css命名规则

<div class="a1"><ul></ul></div>
如果你想定义这个ul的样式，可以直接ul
例如: ul {list-style-type: disc}
但是这样定义太广泛了，这个是让所有的ul行开始符都变成个点。
如果这个页面还有其他ul，也会受到影响
为了精确的定义这个div下的ul，你需要这样定义
.a1 ul {list-style-type: disc}
这样的意思就是类a1下的ul样式是个点，这样不会影响到其他ul的样式

很明显，这个命名规则是这样，在你要定义的样式前加上父级的类名，来相信的指认你定义的样式是属于哪的。 你可以在前面加上无数个父级类名来区分你设置的样式。

那么根据你的代码ul ul {list-style-type: disc}
意思就是ul下的ul样式是list-style-type: disc

另一个ul ul ul {list-style-type : square}的意思是
ul下的ul下的ul样式是list-style-type : square

如果html是这样
<ul class=u1><ul class=u2><ul class=u3></ul></ul></ul>
ul ul {list-style-type: disc}等同于.u2{list-style-type: disc}

ul ul ul {list-style-type : square}等同于.u3{list-style-type : square}

Answer 2

<ul>
<li>
<ul>
<li>aaa</li>
<li>aaa</li>
</ul>
</li>
<li>
<ul>
<li>bbb</li>
<li>bbb</li>
</ul>
</li>
</ul>

写树型菜单的时候经常这样用！

Answer 3

ul ul = ul里面的ul
ul ul ul = 里面的ul 里面的ul

css本意就是级联样式表，层级关键必须要搞清楚