技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(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大于號指子代元素;

務(wù)必理解“后代”與“子代”的不同。

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

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

相關(guān)文章
    x
    • 站長推薦
    /* 左側(cè)顯示文章內(nèi)容目錄 */