多个ul怎么定义不同css?
相同的元素,定义不同的css,只需要活用选择器就可以实现了。
1、给ul命名,id class都行,例如
<ul id="myul"> <ul class="myul">
CSS中就是把ul换成相应的名字:(注意空格)
div #myul{} //id 或者 div ul#myul{} div .myul() //class 或者 div ul.myul{}
(相关课程推荐:css视频教程)
2、属性值选择器,给ul添加不同的html属性值,例如:
<ul title="one"></ul> <ul title="two"></ul>
CSS中定义样式:
ul[title="one"]{} ul[title="two"]{}
这种属于不常用的,还有很多不常用的选择器类别。基本上按照后代选择器+命名的方法,元素几乎都能单独调用。
例如:
<body> <div> <p><p> </div> </body>
CSS中给p元素添加样式:
p{} //因为文档中只有一个p元素,所以我可以大胆的直接使用元素的名称 div p{} //规范的写法,这样能表明是在那个父级元素下的指定元素, //配合命名方法,意思就是在指定名字1的父级元素之下的指定名字为2的某个元素。
本文来自css3答疑栏目,欢迎学习!
以上就是多个ul怎么定义不同css?的详细内容,更多请关注易知道|edz.cc其它相关文章!