技術頻道導航
HTML/CSS
.NET技術
IIS技術
PHP技術
Js/JQuery
Photoshop
Fireworks
服務器技術
操作系統(tǒng)
網(wǎng)站運營

贊助商

分類目錄

贊助商

最新文章

搜索

一圖顯示CSS3空格號和“>”大于號的使用區(qū)別

作者:admin    時間:2022-3-5 12:36:12    瀏覽:

本文介紹CSS3空格號和“>” 大于號的區(qū)別,一圖清晰顯示它們之間的用法區(qū)別。

一圖顯示CSS3空格號和“>” 大于號的區(qū)別

demodownload

可以看出,.a .b{}作用級數(shù)(范圍)比.a > .c{}多。

>大于號是css3特有的選擇器,A > B 表示選擇A元素的所有子B元素,與A B的區(qū)別在于,A B選擇所有后代元素,而A > B只選擇一代。

.a .b空格指后代元素;

.a > .c大于號指子代元素;

務必理解“后代”與“子代”的不同。

要特別注意的是,這兩符號只適用于ul liol li列舉標簽,不能用于其他標簽,如P、DIV等標簽的嵌套父子關系是不起作用的。

如果A B是同級關系,那么要用什么符號呢?這時可以用“+”加號或“~”波浪號來處理, 請看一圖顯示CSS3 “+” 加號 “~” 波浪號的使用區(qū)別。

相關文章
    x