当前位置:首页 > 经验

css选择符有哪些 css基本选择符分享

CSS选择符有哪些?

1.id选择器( # myid)

2.选择器(.myclassname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.选择器(ul > li)

6.后代选择器(li a)

7.通配符选择器( *

8.属性选择器(a[rel = “external”]

9.伪类选择器(a:hover, li:nth-child)

哪些属性可以继承?

可继承的样式: font-size font-family color, ul,li,dl, dd, dt;


哪些属性可以不可继承?

不可继承的样式:border padding margin width height ;


CSS优先级算法如何计算?

优先级就近原则,同权重情况下样式定义最近者为准;

载入样式以最后载入的定位为准;

优先级为:

同权重: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)

!important > id > class > tag

important 比 内联优先级高

权重计算:

第一等级:代表内联样式,如style=””,权值为 1000;

第二等级:代表id选择器,如#content,权值为100;

第三等级:代表类,伪类和属性选择器,如.content,权值为10;

第四等级:代表标签选择器和伪元素选择器,如div p,权值为1。

多个选择器组合一起,那就把它们的权重相加

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:fendou3451@163.com
标签:

  • 关注微信

相关文章