多个ul怎么定义不同css?


多个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?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑