本文带你了解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
- 阅读 ( 768 )
- 分类：WEB前端开发
