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。
多个选择器组合一起,那就把它们的权重相加。