css基础一(权重)
来源:互联网 发布:上海德颐网络正规吗 编辑:程序博客网 时间:2024/05/17 02:38
权重
一、权重,了解权重必须先了解css样式的6种基础选择器
1. id选择器 #2. 类选择器 .className3. 属性选择器 [attr]4. 伪类和伪元素 :hover :first-line5. 标签选择器 p6. 通配符选择器 *
二、其它的选择符均可由基本的组成,组合的方式分为三种
1. 后代选择符 .className .classChildName 2. 子选择符 .className > .classChildName3. 相邻选择符 .className + .classChildName
三、而所谓的权重就是指这些选择符的优先级,优先级和权重有如下规则
优先级越高的css样式会覆盖优先级低的样式,优先级越高权重越高
计算权重的规则,根据w3c的css规范:
计算选择符中 id选择器 的数量 (假设是100)
计算选择符中 类选择器、属性选择器、伪类选择器 的数量(假设是10)
计算选择符中 标签选择器、伪元素 的数量(假设是1)
比较各自选择符的优先级时,计算权重,权重大则优先级高
从博客园看到的口诀:
权重记忆口诀。从0开始,一个行内样式+1000,一个id+100,一个属性选择器/class或者伪类+10,一个元素名,或者伪元素+1
1 0
- css基础一(权重)
- CSS基础(一)--选择器与权重计算
- css的权重(一)
- CSS基础(一)--选择器与权重计算练习
- CSS权重(优先级)
- CSS基础(一)
- CSS基础(一)
- CSS基础(一)
- CSS基础(一)
- css的权重(二)
- css 权重
- CSS权重
- CSS权重
- css权重
- CSS权重
- CSS权重
- css 权重
- css权重
- Shiro 设置session超时时间
- 刷题总结#8
- A-Frame WebVR开发入门教程
- 二叉树深度
- java对象序列化与反序列化
- css基础一(权重)
- Redis 学习笔记3:Jedis 连接虚拟机下的Redis 服务
- QiYuAdmin-部门增删改查
- 石头匠人的个人博客
- 蓝桥 还款计算
- Poj1847(floyd)
- spring MVC 传入 json 数组
- shell学习笔记(二):shell 语法
- MySQL元数据库——information_schema