菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
43
0

多个ul怎么定义不同css?

原创
05/13 14:22
阅读数 1268


多个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的某个元素。

发表评论

0/200
43 点赞
0 评论
收藏
为你推荐 换一批