css学习之样式层级和权重
2017-07-16 16:13
525 查看
第一种情况
当选择器相同的情况下,引入方式的前后,决定页面最后的效果
---------外部在最后面显示
---------内部在最后面显示
第二种情况 引入方式相同时候,则是按照权重取最大(取权重最大值显示)去确定最后样式(此处以外部样式为例子)
选择器 | 权重 |
id | 100 |
类 | 10 |
元素 | 1 |
继承 | 0.5 |
例子二
虽然其他的很精确,但是权重还是id的最大,所以显示为id选择器属性
第三种情况 如果引入方式和选择器相同,则按最后的样式为主
第四种情况就是!important 会使用这个样式
浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式<!important
相关文章推荐
- [置顶] Css 学习笔记--样式引入方式及按权重判断优先级
- Css 学习笔记--样式引入方式及按权重判断优先级
- css 样式的学习
- CSS中Filter样式学习
- 黑马程序员_学习笔记5——DIV+css样式详解
- CSS层叠样式的学习[1]
- css学习之边框样式、外边距合并
- 学习CSS的样式基础
- css 样式的学习
- 蓝鸥零基础学习HTML5第四讲 CSS的基础样式
- CSS学习笔记:链接的样式声明顺序
- HTML5学习笔记(六):CSS基本样式
- 【CSS 学习】CSS 选择器、选择器的优先级和权重
- CSS学习笔记4:CSS层叠性、继承性以及权重计算
- CSS 边框样式-学习笔记
- css学习笔记-盒子的样式
- 在引入bootstrap后,在引入自定义的css,可以覆盖掉一部分bootstrap的样式,例如字体颜色就可以改变,但是有些也改变不了,别人说是css权重的问题
- html系统学习之六 <CSS所有的样式属性>
- CSS学习笔记——CSS选择器样式总结
- HTML&CSS基础学习笔记1.27-灵活地使用样式