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

CSS选择符有哪些？哪些属性可以继承？

常见的选择符有一下：

id选择器（#content），类选择器（.content）, 标签选择器（div, p, span等）, 相邻选择器（h1+p）, 子选择器（ul>li）, 后代选择器（li a）， 通配符选择器（*）, 属性选择器（a[rel = "external"]）， 伪类选择器（a:hover, li:nth-child）

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

不可继承的样式属性： border, padding, margin, width, height；

CSS优先级算法如何计算？

• 考虑到就近原则，同权重情况下样式定义以最近者为准
• 载入的样式按照最后的定位为准

优先级排序：

同权重情况下： 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）

!important > # > . > tag

?注意： !important 比 内联优先级高