css偽類(lèi)
:link ?偽類(lèi)將應(yīng)用于未被訪問(wèn)過(guò)的鏈接绸硕。IE6不兼容堂竟,解決此問(wèn)題,直接使用a標(biāo)簽
:hover 偽類(lèi)將應(yīng)用于有鼠標(biāo)指針懸停于其上的元素玻佩。在IE6只能應(yīng)用于a鏈接出嘹,IE7+所有元素都兼容。
:active ?偽類(lèi)將應(yīng)用于被激活的元素咬崔,如被點(diǎn)擊的鏈接税稼、被按下的按鈕等。
:vistited ?偽類(lèi)將應(yīng)用于已經(jīng)被訪問(wèn)過(guò)的鏈接
:focus ?偽類(lèi)將應(yīng)用于擁有鍵盤(pán)輸入焦點(diǎn)的元素
a:link { color: red; }
a:vistited { color: purple; }
a:hover { color: white; }
a:active { color: yellow; }
順序問(wèn)題:love hate原則
css偽元素
:first-line
:first-letter
以上兩個(gè)偽元素只能用于塊級(jí)元素
:first-child ?選擇屬于第一個(gè)子元素的元素
如 ?span:first-child{} /*選擇屬于第一子元素的所有span標(biāo)簽*/
:before與:after偽元素垮斯,可以設(shè)置元素之前之后的內(nèi)容郎仆,并且配合content設(shè)置相關(guān)內(nèi)容
:wrap:before,.wrap:after { content: "-------"; ?display: block;/*讓當(dāng)前偽元素變?yōu)閴K級(jí)元素*/}
css層疊性
css繼承性(子承父業(yè))
所有字相關(guān)的可以繼承,比如color兜蠕、text-系列扰肌、font-系列、line-系列熊杨、cursor
并不是所有的css屬性都可以繼承曙旭,如下面的屬性就不具有繼承性:邊框、外邊框晶府、內(nèi)邊距桂躏、背景、定位川陆、元素寬高屬性
所有盒子相關(guān)的屬性都不能繼承
css的優(yōu)先級(jí)
層疊性是指:在樣式的優(yōu)先級(jí)相同的情況下才會(huì)考慮的
行內(nèi)樣式剂习、id選擇器、類(lèi)選擇器、標(biāo)簽選擇器
繼承的樣式要大于默認(rèn)的樣式
通配符選擇器樣式的優(yōu)先級(jí)比繼承樣式的優(yōu)先級(jí)高
標(biāo)簽的選擇器的優(yōu)先級(jí)要高于通配符選擇器的優(yōu)先級(jí)
類(lèi)選擇器的樣式優(yōu)先級(jí)要高于標(biāo)簽的選擇器的優(yōu)先級(jí)
id選擇器的樣式優(yōu)先級(jí)要高于類(lèi)選擇器的優(yōu)先級(jí)
行內(nèi)樣式優(yōu)先級(jí)高于id選擇器的優(yōu)先級(jí)