02 CSS-继承和层叠
来源:互联网 发布:淘宝如何设置套餐价格 编辑:程序博客网 时间:2024/06/07 22:14
哪些属性可以继承?
color、text-开头的、line-开头的、font-开头的
- 这些关于文字样式的,都能够继承;
- 所有关于盒子的、定位的、布局的属性都不能继承。
- 继承性是从自己开始,直到最小的元素。
层叠性
当选择器,选择上了某个元素的时候,那么要这么统计权重:(id的数量,类的数量,标签的数量)
权重问题大总结:
- 选择上了,数权重,(id的数量,类的数量,标签的数量)。如果权重一样,谁写在后面听谁的。
没有选择上,通过继承影响的,那么权重是0,就近原则,谁描述的近听谁的。如果描述的一样近,比如选择器权重,如果权重再一样重,谁写在后面听谁的。
继承的权重是0
权重问题深入
1、同一个标签,携带多个类名,有冲突:
<p class="spec1 spec2">我是什么颜色?</p><p class="spec2 spec1">我是什么颜色?</p>
和在标签中的挂类名的书序无关,只和css的顺序有关:
<style>spec2{ color:blue; }.spec1{ color:red; }</style>
2、!important标记
来给一个属性提高权重。这个属性的权重就是无穷大。
font-size:40px !important; 错误的: font-size:40px; !important; → 不能把!important写在外面 font-size:40px important; → 不能忘记感叹号
1) !important提升的是一个属性,而不是一个选择器
2) !important无法提升继承的权重,该是0还是0
3) !important不影响就近原则
如果大家都是继承来的,按理说应该按照“就近原则”,!important不影响就近原则,远的,永远是远的。不能给远的写一个!important,干掉近的。
!important做网站的时候,不允许使用。因为会让css写的很乱。
阅读全文
0 0
- 02 CSS-继承和层叠
- 02 CSS-继承和层叠
- CSS的层叠和继承
- 层叠,继承和CSS单位
- CSS样式继承和层叠
- CSS继承和层叠性
- CSS继承和层叠性
- CSS 层叠样式表----继承和覆盖
- CSS 层叠样式表----继承和覆盖
- css的样式继承和层叠
- CSS的继承、层叠和特殊性
- css样式的层叠和继承
- CSS的继承、层叠和特殊性
- CSS基础之继承、层叠和特殊性
- CSS的继承、层叠和特殊性
- css的继承、层叠、特殊和重要性
- CSS学习笔记:层叠和继承
- CSS初步--样式的层叠和继承
- Yii2.0 session的存取
- JS-IOS输入法遮挡输入框解决办法
- ant-design-mobile高清方案以及svg配置
- Android Studio 导入项目在Building gradle project info 时一直卡住
- 上海大学oj 膜一下将带给你好运(欧拉函数变形)
- 02 CSS-继承和层叠
- 创建字体
- ubuntu之修改ls显示颜色
- Unity的快捷操作
- 微信测试号加菜单
- 03 CSS-盒模型和标准文档流(行内元素和块级元素)
- spring 源码学习
- brew使用
- 前端CSS面试题详解