1、元素选择器

图片.png

2、id选择器

QQ截图.png
3、类选择器（可以同时设置两个class，中间用空格隔开 ）

<div  class =  " aa   abc " >我是一个盒子</div> 可以有两个class标签

QQ截图11.png

4、选择器分组（并集选择器）

QQ截图2.png

5、通配选择器（一般在消除浏览器自身样式时使用）

QQ截图3.png
QQ截图a.png

  消除浏览器自带样式
  *{
    margin: 0;
    padding: 0;
}

6、复合选择器

qq1.png

子元素和后代子元素选择器

子元素：指的是子元素的后代
后代子元素：直接子元素（第一个子元素）
兄弟元素：拥有同一个父元素的元素

元素.png

后代子元素如何选择？

后代选择器.png
效果.png

后代子元素如果重复怎么选择？

后.png

如何给直接儿子（子元素）设置样式？

QQ截图20200117120103.png

效果

QQ截图20200117120300.png