css3系列之兄弟选择器

Relationship Selectors(兄弟选择器)

　　E +  F　　E ~ F

 

 

 

E + F

　　其实这个选择器用起来，没那么常见。 什么意思呢， 下一个满足条件的兄弟元素节点。  也就是说 可以选择下一个兄弟元素节点，但是呢，必须是满足条件的，条件就是  + 后面的

div  +   .box    意思就是 我要选择 div 的兄弟节点，而且必须是 类名是box 的。

 

E ~ F

　　这个选择器呢，跟上面那个也是一样选择兄弟元素节点的，不过人家选的是，一堆兄弟元素节点，而不是只选择一个，~ 后面是限定条件