作业帮 > 综合 > 作业

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

来源:学生作业帮 编辑:大师作文网作业帮 分类:综合作业 时间:2024/11/13 15:56:52
关于ul ul ul 的css规则定义问题
在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规则定义?
关于ul ul ul 的css规则定义问题
首先你要理解css命名规则

如果你想定义这个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 ul {list-style-type:disc}等同于.u2{list-style-type:disc}
ul ul ul {list-style-type :square}等同于.u3{list-style-type :square}