html点击不同ul,多个ul怎么定义不同css？

多个ul怎么定义不同css？

相同的元素，定义不同的css，只需要活用选择器就可以实现了。

1、给ul命名，id class都行，例如

CSS中就是把ul换成相应的名字：(注意空格)div #myul{} //id 或者 div ul#myul{}

div .myul() //class 或者 div ul.myul{}

(相关课程推荐：css视频教程)

2、属性值选择器，给ul添加不同的html属性值，例如：

CSS中定义样式：ul[title="one"]{}

ul[title="two"]{}

这种属于不常用的，还有很多不常用的选择器类别。基本上按照后代选择器+命名的方法，元素几乎都能单独调用。

例如：

CSS中给p元素添加样式：p{} //因为文档中只有一个p元素，所以我可以大胆的直接使用元素的名称

div p{} //规范的写法，这样能表明是在那个父级元素下的指定元素，

//配合命名方法，意思就是在指定名字1的父级元素之下的指定名字为2的某个元素。

本文来自css3答疑栏目，欢迎学习！