css优先级
自适应布局
1、适应场景是:左右两列,一列设置浮动和设置宽度,另一列不需要设置浮动和宽度,只需设置overflow:hidden,就可以实现左右两列自适应。原理(BFC,清除浮动原理)
伪类与伪对象
在官方文档中伪类用classify来描述,而伪对象用create。从这里我们就能明白它们的区别:
- 伪对象则代表了某个元素的子对象,这个子对象虽然在逻辑上存在,但却并不实际存在于文档树中。
就像上文中的first-line,在DOM中其实并不存在。我们经常用的:before :after也属于伪对象。
- 伪类则是实际上已经存在,比如li就显示存在于DOM中,我们要选择它就是相当于在已经存在的对象上添加新类别。
CSS Selector Level 3 为了区分这两者的混淆,而特意用冒号加以区分:
- 伪类用一个冒号表示 :first-child
- 伪元素则使用两个冒号表示 ::first-line
css优先级
1
2
3
4
5
6
7 |
<span style= "font-size: 16px;" >选择器继承的属性的优先级最低 0,0,0,0 标签选择器的优先级稍高 0,0,0,1 类选择器的优先级很高 0,0,1,0 id选择器的优先级更高 0,1,0,0 html中style的属性的优先级更更高 1,0,0,0 加了!imporat的属性的优先级最高 最高(无视特殊性) </span> |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。