当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

HTML5-5(CSS选择器的优先级别)

教程管理员 发布于2023-09-30 22:27 HTML教程 168

简介: HTML5-5(CSS选择器的优先级别)

一.简单的介绍几种优先级比较


  • **0.先说一个:***** 代表可以更改全部的标签: 通配符


image.png


**1.标签选择器>通配符:*******


image.png


2.想用级别就近原则


image.png



3.类选择器>标签选择器


image.png


  • 4.id选择器 > 类选择器


id 只能有一个对应的值 ,如果两个值 如:


image.png


5.id选择器>符合选择器


image.png


二.权值介绍:权值的和越高,优先级别越高


  • 红色的更加重要


image.png


  • 1.级别最高的是important 权值:1000


用法: 在important面前其他的优先级别都是菜鸟


image.png

2.老二优先级别是 行内标签


image.png



三.优先级别的归纳


important > 内联(行内) > id > 类 >标签 | 伪类 | 属性选择 | > 伪元素 > 通配符: > 继承*

解释一下: 继承是 子类标签继承父类标签的一些属性(优先级别很低)


琼ICP备09004296号-12