"
派生选择器用的很多，派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器，我们来理解//代码效果参考：https://v.youku.com/v_show/id_XNjQwMDQyNTYxNg==.html
一下他们之间的具体用法与区别。1、css后代选择器
语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。
例如
ul em {color:red; font-weight:bold;}
List item 1
List item 1-1
List item 1-2
List item 1-3
List item 1-3-1
List item 1-3-2
List item 1-3-3
List item 1-4
List item 2
List item 3
即，无论你在哪里，我都要选中你，因为你是我的后代。
经常看见css的后代选择器是这样的写法：
div.class 和 .class div 的形式两者的区别：
div.class 是选中的类名为class 的div元素，与直接使用类选择器.class不同，因为可能有其他的元素使用了class类名，比如
,就不会被div.class选中；
.class div 是后代选择器的一种，表示选中 类名为class的元素包含的所有的div元素；
2、css子元素选择器
语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行，例如
h1 > strong {color:red;}
This is very very important.
This is really very important.
只有第一个h1会变色。
3、相邻兄弟选择器
语法：h1 + p {margin-top:50//代码效果参考：https://v.youku.com/v_show/id_XNjQwMDQyMTA0MA==.html
px;} 表示是“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”这是官方的说法，理解的误区在于这个加号，h1和p并不是同时被选中的，而是选择的是h1紧跟着后面的p元素，是递进的关系，例如：li + li {color:red;}
List item 1
List item 2
List item 3
List item 1
List item 2
List item 3
li+li选择的是第二个li，同理也可以理解成紧跟着第二个li的兄弟，即是第三个li，当然是在同一个级别下。所以出现第二、三li被选中。
完整示例：
Selector
ulem {
color: red;
font-weight: bold;
}
h1+p{
color:red;
}
List item 1
List item 1-1
List item 1-2
List item 1-3
List item 2
List item 3
H1
param
H2
"
