WhatsApp网页版登录WhatsApp网页版登录

WhatsApp中文版

css选择符有哪些优先级_零基础学前端CSS选择器教程

零基础学前端 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低

css选择符有哪些优先级_CSS基础选择器用法_零基础学前端CSS选择器教程

相关文章