1.CSS復(fù)合選擇器
CSS復(fù)合選擇器:復(fù)合選擇器是由兩個(gè)或多個(gè)基礎(chǔ)選擇器通過(guò)不同的方式組合而成的
1.1 標(biāo)簽指定式選擇器:又稱交集選擇器,由兩個(gè)選擇器構(gòu)成,其中第一個(gè)選擇器為標(biāo)記選擇器,第二個(gè)為class選擇器或id選擇器。兩個(gè)選擇器之間不能有空格。
<style type="text/css">
h3.special{
color:red;
}
</style>
1.2 后代選擇器:后代選擇器用來(lái)選擇元素或元素組的后代,其寫法就是把外層標(biāo)記寫在前面,內(nèi)層標(biāo)記寫在后面,中間用空格分隔。
<style type="text/css">
.div1 p{
color:red;
}
</style>
1.3并集選擇器:并集選擇器是各個(gè)選擇其通過(guò)逗號(hào)連接而成的,任何形式的選擇器(包括標(biāo)記選擇器、class類選擇器、id選擇器等),都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全相同,或部分相同,都可以利用并集選擇器為他們定義相同的CSS樣式。
p,h1,#mytitle,.one/*定義了一個(gè)并集選擇器,帶有p,h1,id="mytitle",class="one"的標(biāo)簽都內(nèi)容會(huì)顯示紅色*/{
color:red;
}
2.CSS層疊性和繼承性
2.1 層疊性 所謂層疊性是指多種CSS樣式的疊加。 原則:
1、樣式?jīng)_突,遵循的原則是就近原則,即CSS的書寫位置。
2、樣式不沖突,不會(huì)層疊
2.2 繼承性 所謂繼承性是指書寫css樣式表時(shí),子標(biāo)記會(huì)繼承父標(biāo)記的某些樣式。并不是所有的css屬性都可以繼承。
不具有繼承性的:邊框?qū)傩裕膺吘鄬傩?,?nèi)邊距屬性,背景屬性,定位屬性,布局屬性,元素寬高屬性。 1.首先說(shuō)一個(gè)數(shù)權(quán)重的概念,以做判斷
當(dāng)一個(gè)選擇器我們看到時(shí)就應(yīng)該有一個(gè)數(shù)權(quán)重(權(quán)重在實(shí)戰(zhàn)上沒(méi)有后一位滿多少進(jìn)一位之說(shuō))。
(id數(shù),class數(shù),標(biāo)簽數(shù))
當(dāng)遇到?jīng)_突時(shí)落列出這樣一組數(shù)
然后進(jìn)行比較先比較id,id比其余大就不用往下比較了
3.CSS優(yōu)先級(jí)
擁有!important,最有最高的優(yōu)先級(jí)
標(biāo)簽。偽類或偽對(duì)象,優(yōu)先級(jí)分?jǐn)?shù)為1
類、屬性選擇,優(yōu)先級(jí)分?jǐn)?shù)為10 4.id選擇,優(yōu)先級(jí)分?jǐn)?shù)為100 5.style屬性,優(yōu)先級(jí)分?jǐn)?shù)為1000 6.其他選擇符,如統(tǒng)配符,優(yōu)先級(jí)分?jǐn)?shù)為0
作業(yè)代碼文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-579215.html
作業(yè)展示
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-579215.html
到了這里,關(guān)于CSS高級(jí)特性的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!