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

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

  • **0.先说一个:***** 代表可以更改全部的标签: 通配符
*
  • **1.标签选择器>通配符:*******
标签选择器>通配符
  • 2.想用级别就近原则
相同级别就近原则
  • 3.类选择器>标签选择器
类选择器>标签选择器
  • 4.id选择器 > 类选择器

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

id 只能有一个对应的值 ,如果两个值
id选择器 > 类选择器
  • 5.id选择器>符合选择器
id选择器>符合选择器

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

  • 红色的更加重要


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

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

级别最高的是important 权值:1000
  • 2.老二优先级别是 行内标签
老二优先级别是 **行内标签**

三.优先级别的归纳

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,462评论 0 0
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 13,919评论 6 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,828评论 19 139
  • CSS选择器 每一条css样式定义由两部分组成:选择符(选择器)和声明(样式),在{}之前的部分就是“选择器”,“...
    _空空阅读 9,570评论 1 3
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,525评论 0 40

友情链接更多精彩内容