天天看點

CSS選擇器 < ~ +

1.>(子選擇器)

#a>p{   // 使用 > 号,讓選擇器選擇id="a"的所有子類(直接子類)

CSS選擇器 < ~ +
CSS選擇器 < ~ +

結果:

CSS選擇器 < ~ +

2.+(相鄰選擇器)

h1+p,選擇緊接在另一個元素後的元素,而且二者有相同的父元素。隻會選擇第一個相鄰的比對元素。

CSS選擇器 < ~ +
CSS選擇器 < ~ +
CSS選擇器 < ~ +

3.~(比對選擇器)

#b~p,比對所有在#b元素之後的同級p元素。

CSS選擇器 < ~ +
CSS選擇器 < ~ +

所有相比對的p元素都被選擇到。

CSS選擇器 < ~ +

轉載:http://www.cnblogs.com/zqzjs/p/4676138.html