|
|
|
|
|
本文介紹CSS3空格號和“>” 大于號的區(qū)別,一圖清晰顯示它們之間的用法區(qū)別。
可以看出,.a .b{}
作用級數(shù)(范圍)比.a > .c{}
多。
>
大于號是css3特有的選擇器,A > B
表示選擇A元素的所有子B元素,與A B
的區(qū)別在于,A B
選擇所有后代元素,而A > B
只選擇一代。
.a .b
空格指后代元素;
.a > .c
大于號指子代元素;
務(wù)必理解“后代”與“子代”的不同。
要特別注意的是,這兩符號只適用于ul li
和ol li
列舉標(biāo)簽,不能用于其他標(biāo)簽,如P、DIV等標(biāo)簽的嵌套父子關(guān)系是不起作用的。
如果A B是同級關(guān)系,那么要用什么符號呢?這時可以用“+”加號或“~”波浪號來處理, 請看一圖顯示CSS3 “+” 加號 “~” 波浪號的使用區(qū)別。