PHP前端开发

css选择器的优先级从高到低是

百变鹏仔 4周前 (09-19) #CSS
文章标签 优先级
css 选择器的优先级从高到低:1. 行内样式;2. id 选择器;3. 类选择器;4. 类型选择器;5. 通用选择器;6. 属性选择器;7. 伪类选择器;8. 伪元素选择器;当优先级相同,后面声明的样式覆盖前面样式,行内样式优先于外部样式表样式。

CSS 选择器的优先级

CSS 选择器的优先级决定了当多个选择器匹配同个元素时,哪个选择器生效。优先级较高的选择器会覆盖优先级较低的选择器。

优先级从高到低如下:

  1. 行内样式

    立即学习“前端免费学习笔记(深入)”;

  2. ID 选择器

  3. 类选择器

  4. 类型选择器

  5. 通用选择器

  6. 属性选择器

  7. 伪类选择器

  8. 伪元素选择器

当有多个相同优先级的选择器匹配同个元素时,遵循以下规则: