欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3學(xué)習(xí)之選擇器篇,css3選擇器怎么選擇第3個

老白2年前85瀏覽0評論

css3學(xué)習(xí)之選擇器篇,css3選擇器怎么選擇第3個?

li:nth-child(3n+0)

{

background:#ff0000;

}

css3學(xué)習(xí)之選擇器篇,css3選擇器怎么選擇第3個

css3有哪些特性?

新特性

新增各種CSS選擇器 (: not(.input):所有 class 不是“input”的節(jié)點)

圓角 (border-radius:8px)

多列布局 (column)

陰影和反射 (Shadow\Reflect)

文字特效 (text-shadow)

線性漸變 (gradient)

旋轉(zhuǎn),縮放,定位,傾斜 (transform

多背景,背景裁剪

css的優(yōu)先級怎么判斷?

css選擇器優(yōu)先級怎么比較

CSS選擇器中比較常見的有標(biāo)簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上,CSS選擇器如果細分下來,竟然多達40多種。那他們的優(yōu)先級該怎么比較呢,下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。

2. 作為style屬性寫在元素內(nèi)的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結(jié)排序:!important > 行內(nèi)樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同,優(yōu)先級不同

總結(jié)排序:內(nèi)聯(lián)(行內(nèi))樣式 > 內(nèi)部樣式表 > 外部樣式表 > 導(dǎo)入樣式(@import)。

對于選擇器優(yōu)先級,還可以通過計算權(quán)重值來比較

css層次選擇器有哪些?

選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器