博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS选择器总结(分类、优先级)
阅读量:5893 次
发布时间:2019-06-19

本文共 376 字,大约阅读时间需要 1 分钟。

CSS选择器是编写CSS代码时的一个核心概念,选择器定义了相应的样式将会影响到文档中的哪些部分,以下是自己在学习及工作过程中对CSS选择器的一些总结,希望能帮助到有需要的新手同学,同时也帮助自己巩固基础,加深记忆。

图片描述

样式选择器权重优先级如下:

  • important的权重为 1, 0, 0, 0

  • ID选择器的权重为 0, 1, 0, 0

  • 类选择器的权重为 0, 0, 1, 0

  • 伪类选择器的权重为 0, 0, 1, 0

  • 属性选择器的权重为 0, 0, 1, 0

  • 标签选择器的权重为 0, 0, 0, 1

  • 伪元素选择器的权重为 0, 0, 0, 1

  • 通配符的权重为 0, 0, 0, 0

综合上述权重优先级来看,正确的优先级排序应该是:

important > 内联样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪元素 > 继承 > 通配符

转载地址:http://txisx.baihongyu.com/

你可能感兴趣的文章
asp.net 6.aspx页面
查看>>
用正则截取自定义的字数,多余的用省略号代替
查看>>
(六)6.7 Neurons Networks whitening
查看>>
python读书笔记-《简明python教程》上
查看>>
求排列的逆序数(分治)
查看>>
[LeetCode]题解(python):138-Copy List with Random Pointer
查看>>
【ssoj2935】询问
查看>>
C#动态编译
查看>>
LINUX系统下的shell命令---diff、cut、sort、uniq等
查看>>
一个小型的文本分类系统-python(文末附语料,停用词文本文档,工程全部代码)...
查看>>
python计算apache总内存
查看>>
Java Programming Test Question 4
查看>>
从零开始搭建webpack+react开发环境
查看>>
结队编程第2次作业
查看>>
待解决问题
查看>>
C# Winform 非空验证
查看>>
同步降压DC-DC转换IC——XC9264
查看>>
Sqli-labs less 12
查看>>
python字符串用法
查看>>
The Google File System 中文版论文(下)(转载)
查看>>