【web】【CSS】--常用选择器及对应权重

常用选择器与权重

继承或*{}------ 0
标签，元素选择器------ 1
类选择器，伪类选择器------ 10
id选择器------ 100
行内样式style“”------ 1000
！important------ 无穷大

标签选择器

• 标签名{样式}
  权重：1

class 类选择器

• .类名{样式}
  权重：10

• class选择器特点：

  • 多个标签可以有相同的class名；

  • 一个标签可以有多个class名，

  • 多个class名用空格隔开，两个单词组成class名，用下划线_隔开

id选择器

• #id名{样式}
  权重：100

• id选择器特点：一个标签只有一个id名，多个标签不能有相同id名（类似身份证）

后代选择器

• 父选择器 子选择器{样式}
  （所有后（儿子孙子）都被选中）
  权重：各选择器权重相加

子代选择器

• 父选择器>子选择器{样式}
  （只选中儿子（第一代））
  权重：各选择器权重相加

组合选择器

• 选择器1，选择器2{样式}
  权重: 各个选择器权重单独计算

通配符选择器

• 会选中所有标签 *{}
  一般用于去除默认样式
  权重最小，