关于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规则定义?
在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规则定义?
首先你要理解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}
如果你想定义这个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}
CSS+DIV中的UL和LI的问题
CSS关于ul 我想定义li是必须写#ABC ul li{...}还是写 #ABC li{...}就可以?
div+css布局ul li
韩国UL出身的UL是什么意思?
关于线材UL标贴的问题 请各安规位达人帮忙 .
html中ul li 布局的问题.
css+div浏览器兼容问题,div和其中的ul位置上冲突.ul设置margin-left,float:left,间距出
阻燃和UL是什么?电源灌封胶的UL要求是什么?
CSS里面的div ul li 它们之间是什么样的关系?
div+css中ul.ol.dl什么区别?
dreamweaver CSS中ul li a 等分别表示什么?
css选择器的问题?:first-child ul下的li可以选中第一个 但是为什么dl下的dd不能选中第一个了?