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。

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论