零基础学前端 08CSS选择器
CSS选择器是CSS规则的一部分。它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式
css的基础选择器
1️⃣ id 选择器: 以“ 关键字是 id
2️⃣ 类选择器:以句点 “.” 开头WhatsApp网页版,类选择器的关键字是 class
3️⃣ 标签选择器:使用文档中的HTML元素
CSS常用选择器
1️⃣ 后代选择器: 用单个空格字符组合成两个以上选择器,使用多个选择器的组合来找到要控制的标签
2️⃣ 群组选择器: 把不同选择器中相同的CSS取出,减少代码冗余;选择器之间使用 , 分隔
3️⃣ 伪类选择器: 伪类开头为单冒号 :
4️⃣ 伪元素选择器: 伪元素开头为双冒号 ::
CSS优先级计算规则
浏览器通过优先级来判断哪些属性值与一个元素相关,从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。
元素标签中定义的样式(Style属性),加1,0,0,0
每个ID选择符(如
每个Class选择符(如 .class)、每个属性选择符(如 )、每个伪类(如 :hover)加0,0,1,0
每个元素选择符(如p)或伪元素选择符(如 :firstchild)等,加0,0,0,1
将这四个数字分别累加WhatsApp网页版,就得到每个CSS定义的优先级的值
从左到右逐位比较大小WhatsApp网页版,数字大的CSS样式的优先级就高
注意
1️⃣ !important声明的样式优先级zui高,如果冲突再进行计算
2️⃣ 如果优先级相同,则选择后面出现的样式
3️⃣ 继承得到的样式的优先级zui低