前端【常用选择器】总结

学习目标：

• 标签选择器
• class选择器
• id选择器
• 后代选择器
• 子代选择器
• 组合选择器
• 通配符选择器

---

学习内容：

一、常用选择器

1. 标签选择器 ：

     标签名{样式}

     权重：是1

2.class选择器（类选择器）：

     .+class名（）  

     权重：10

     class选择器的特点：多个标签可以有相同的class名

                                      个标签可以有多个class名

     class名由俩个单词组成：用_隔开 eg:div_box

3.id选择器：

      #+id名{ }  

    权重：100  

    特点：类似于身份证号 多个标签不可以有相同的id  一个标签不可以有多个id名

4.后代选择器:

      父选择器 子选择器{ }   

     权重:几个选择器权重相加  儿子孙子都会选中

5.子代选择器:

      父选择器>子选择器

      权重:几个选择器权重相加  只有儿子会选中

6.组合选择器:

      选择器1，选择器2....{ }  

      权重：各个选择器单独计算  每个选择器用逗号隔开

7.通配符选择器:  

      *{  }   去除一些默认样式

      权重：权重最小  会选中所有标签