第 13 题:谈谈你对 CSS 选择器以及优先级的理解?

常用的 CSS 选择器

  • ID 选择器、类选择器、标签选择器、属性选择器、伪类选择器、后代选择器

权重划分

  • 在同一层级下

    • !important > 内联样式 > ID 选择器 > 类选择器 > (标签选择器、伪类选择器、属性选择器)
  • 不同层级下

    • 正常来说权重值越高的优先级越高,但是一直以来没有具体的权重值划分,所以目前大多数开发中层级越深的优先级越高

文章的内容/灵感都从下方内容中借鉴

  • 【持续维护/更新 500+前端面试题/笔记】https://github.com/noxussj/Interview-Questions/issues

  • 【大数据可视化图表插件】https://www.npmjs.com/package/ns-echarts

  • 【利用 THREE.JS 实现 3D 城市建模(珠海市)】https://3d.noxussj.top/

你可能感兴趣的:(第 13 题:谈谈你对 CSS 选择器以及优先级的理解?)