前端面试八股文每日一题——CSS

CSS选择器及其优先级？

答：

    选择器：

• id选择器（#myid）

• 类选择器（.myclass）

• 属性选择器（a[rel="external"]）

• 伪类选择器（a:hover, li:nth-child）

• 标签选择（div, h1,p）

• 相邻选择器（h1 + p）

• 子选择器（ul > li）

• 后代选择器（li a）

• 通配符选择器（*）

    优先级：

• !important

• 内联样式（1000）

• ID选择器（0100）

• 类选择器 / 属性选择器 / 伪类选择器（0010）

• 元素选择器 / 伪元素选择器（0001）

• 关系选择器 / 通配符选择器（0000）

    带!important 标记的样式属性优先级最高。

    样式表的来源相同时：

• !important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性。