层选择器包括
后代选择器:标签一空格标签二(两个都存在,生效样式)空格可以多个但不能有别的符号

只有第二行文字没有变色~
p标签无法包裹块元素!
p标签无法包裹块元素!
p标签无法包裹块元素!
---------------------------------------------------------------------------------------------------------------------------------
子选择器:标签一>标签二(标签一后面的标签二)

标签一和标签二之间的空格随便加,字符不能乱哦!(别乱插进去奇奇怪怪的东西呀!>︿<)
———————————————————————————————————————————
相邻选择器
点类名+标签名 下图中第三个要显示的m变色

——————————————————————————————————————————
通用选择器
点类名~标签名
类选择器下面的所有标签都会变样式

图中第一个和第二个是没有样式变化的,第三个有,div里面的li不受影响,4、5有变化。
——————————————————————————————————————————————————————————————————————————————————————
属性选择器
1.标签[属性]{样式属性:值;} 匹配带属性的标签改变样式

2的颜色会产生样式效果
2.标签[属性=name]{属性:值;} 匹配属性的name相同的标签改变样式

只改变了定义列表3的样式
3.标签[属性*=x]{属性;值;}匹配属性的值中含有x的标签进行改变(区分大小写)

111和222的颜色变更
标签[属性^=name]{属性:值;}指定属性的开头是name(这个name中如果包含了特殊符号要用单引号或者双引号把整个name包裹起来表示一个整体)
标签[属性$=“.name”]{属性:值;}指定属性的结尾是name

今天的内容就到这里啦~
明天会有后续补充的(大概)
( •̀ ω •́ )✧