码迷,mamicode.com
首页 > Web开发 > 详细

css优先级

时间:2014-06-03 14:13:04      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   a   

自适应布局

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>

  

 

css优先级,布布扣,bubuko.com

css优先级

标签:c   style   class   blog   code   a   

原文地址:http://www.cnblogs.com/xiaoxiaoCS/p/3759680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!