本文带你了解CSS选择器及优先级内容

CSS选择器解释：对一种有标识的内容进行样式变化标签选择器：对应的标签文件所有对应的标签都会被选择修饰选择器名：标签类选择器：标签内的属性:class="值" 选择器名: '.cl...

CSS选择器

解释：对一种有标识的内容进行样式变化

标签选择器：对应的标签文件所有对应的标签都会被选择修饰选择器名：标签

类选择器：标签内的属性:class="值" 选择器名: '.class' ，顾名思义，是一类的内容使用同一种样式

ID选择器：标签内的属性:id='值' 选择器名:'#id' id保持唯一性，意思是一个ID不应该重复使用

属性选择器：[属性] 选择带有制定属性的标签进行修饰选择器名：[属性]

属性值选择器：[属性=值] 选择带有指定属性和属性值的标签进行修饰选择器名：[属性=值]

等等

body {
background-color: black;
}
 
font {
color: white;
display: inline;
font-weight: lighter;
font-size: 24px;
}
.font_1 {
color: pink;
}
font {
color:red;
display: block;
font-weight: bolder;
}
#f {
color: gray;
}
[type=text]{
width: 200px;
}
p[align] {
color: white;
}
font:nth-child(even) {
color: white;
}

上面的代码格式都是正确的，CSS选择器就可以完成分类使用样式。这样就可以批量的处理页面的样式

CSS选择器优先级

在不同种选择器中添加相同的属性就会发生冲突，到底应该听谁的？这时候选择器优先级的作用就体现出来了。

选择器的优先级为：

id选择器 > class选择器 > 标签选择器

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

如果你想用Python开辟副业赚钱，但不熟悉爬虫与反爬虫技术，没有接单途径，也缺乏兼职经验
关注下方微信公众号：Python编程学习圈，获取价值999元全套Python入门到进阶的学习资料以及教程，还有Python技术交流群一起交流学习哦。

发表于 2021-05-12 10:24
阅读 ( 603 )
分类：WEB前端开发

本文带你了解CSS选择器及优先级内容

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »