编程教育资源分享平台

网站首页 > 后端开发 正文

CSS选择符有哪些?哪些属性可以继承?CSS优先级算法如何计算?

luoriw 2024-02-01 14:26:37 后端开发 11 ℃ 0 评论

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。

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

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言