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












网友评论