如果偶这么写：.box1 + h1 ,那么偶选择的就是类名叫.h1-1的元素。 如果：.box2 + h1 ,它不会选择任何元素，因为.box2的下面没有一个叫h1的同胞元素。 如果：h1 + div ,那么会选择.box2的div元素。 第一个元素 + 第二个元素 这个选择器只会选择 紧邻第一个元素 并且是在第一个元素下面的同胞级元素 上面那段代码，如果你写 ：.box1 + .box2 将没有效果，因为他们中间夹了个h1元素。 但是有一个选择器可以实现，就是.box1 ~ .box2 同胞选择器。 能力有限，不知帮到了吗？
@ CSS选择器first？
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效
1
2
3
你把这里的span去掉和加上再看效果 就明白了
@ css的基本语法和标签？
CSS规则由两部分组成，选择器，和一条或多条声明，例如：
h1 {color:blue; font-size:12px;}
选择器通常是html中的一个标签，每条声明由一个属性和属性值组成，一般是样式属性
CSS一般写在html文件中的<style></style>标签里面，
CSS注释：以/* 开头，*/结尾
@ css规则定义有哪些选择符？
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
