元素样式的来源和优先级（css常用选择器及权重分析方法）

样式的来源

• 1、用户代理样式；2、用户自定义样式。
  
  • 行内样式

    <h2 style="color:aqua ;">行内样式</h2>

  • 文档样式

    <style>h2 {background-color: blue;}</style>

  • 外部样式

    <link rel="stylesheet" href="style.css">

    - 元素样式优先级：1.行内样式>2.文档样式>3.默认样式

    常用选择器

    1、标签选择器：p {}
    2、属性选择器：p[title="title"] {}
    3、群组选择器：p[title="title"],.one {}
    4、通配选择器：.b:nth-of-type(3) + * {}

    权重的分析方法：

  • id等于百位，class等于十位，标签等于个位
  • 022表示：0个id，2个class，2个标签