子元素选择器(>)
子元素选择器(>)表示的是选择该元素后面的第一代子元素
.parent>div {}
波浪号(~)
~ 的作用是选择该元素之后的所有相同元素
h1~div {}
加号(+)
加号(+)的作用是选择紧邻其后的元素,且要求二者有同一父元素
h1+div {}
派生选择器(空格)
派生选择器(空格)的作用是选择该元素后面的所有子元素(包含第一代子元素、第二代、代三代等等)
.parent div {}
逗号(,)
逗号(,)的作用是对选择器进行分组,被分组的选择器可以分享相同的 CSS 样式。
h1,h2,h3{}
h4,h5,h6{}
span,p{}