CSS选择器优先级
来源:互联网 发布:淘宝网如何开企业店铺 编辑:程序博客网 时间:2024/06/05 16:29
CSS样式选择器分为4个等级,a、b、c、d,可以根据这四种等级为依据确定CSS选择器的优先级。
1、如果样式是行内样式,那么a=1;
2、b为ID选择器的总数;
3、c为Class类选择器的总数;
4、d为标签选择器的数量;
5、属性选择器、伪类选择器和Class类选择器的优先级一样
6、!important权重最高,比inline style的还要高
举例:
选择器权重(a、b、c、d)Style=””权重(1、0、0、0)#wrapper #content{}权重(0、2、0、0)#content .datePosted{}权重(0、1、1、0)div #content权重(0、1、0、1)#content p权重(0、1、0、1)#content权重(0、1、0、0)p .comment .dateposted权重(0、0、2、1)div .comment p权重(0、0、1、2).content p权重(0、0、1、1).content权重(0、0、1、0)div p权重(0、0、0、2)p权重(0、0、0、1)
对于一个元素要应用那种样式,就可以根据这个权重规则来分析了。
0 0
- css选择器&选择器的优先级
- CSS选择器的优先级
- CSS选择器笔记-优先级
- css选择器优先级
- CSS 选择器优先级
- CSS选择器优先级问题
- css选择器优先级
- CSS选择器及优先级
- css选择器优先级
- CSS选择器及优先级
- css选择器优先级判定
- CSS选择器优先级
- css选择器优先级
- css样式选择器优先级
- CSS选择器的优先级
- CSS 选择器的优先级
- css选择器优先级
- CSS选择器优先级
- Atom 编辑器基本使用
- 营销模式
- PowerDesigner(四)-业务处理模型
- Linux学习之软件包管理--简介
- java学习笔记之—接口和抽象类
- CSS选择器优先级
- PowerDesigner(五)-概念数据模型(CDM生成LDM,PDM和OOM)
- 编写优雅的JavaScript——第一章:风格格式化(上)
- ASIO学习
- Android开发使用的常见第三方框架汇总
- 打造立体文案矩阵库之一:软文集群系统
- Nginx之URL重写
- 转:SIMPLE DIRECTIVE TO LAZY LOAD IMAGES IN YOUR IONIC APP
- [c语言学习]关于指针