css3偽類選擇器語(yǔ)法,CSS選擇器first?
.content[data-role=page]:nth-child(2){} 使用:first-child偽類時(shí)一定要保證前面沒(méi)有兄弟節(jié)點(diǎn),你前面有個(gè)content所以會(huì)失效
1
2
3
你把這里的span去掉和加上再看效果 就明白了css中四種常用的虛類順序?
四種偽類存在著一定的順序,稱為L(zhǎng)VHA順序。各個(gè)樣式之間的順序很有講究,一旦出現(xiàn)排列錯(cuò)誤就很有可能形成覆蓋,導(dǎo)致其中某個(gè)樣式無(wú)法顯示。link與visit的位置是隨意的。但hover,focus,active則必須按照f(shuō)ocus–hover–active這個(gè)順序。
css的基本語(yǔ)法和標(biāo)簽?
CSS規(guī)則由兩部分組成,選擇器,和一條或多條聲明,例如:
h1 {color:blue; font-size:12px;}
選擇器通常是html中的一個(gè)標(biāo)簽,每條聲明由一個(gè)屬性和屬性值組成,一般是樣式屬性
CSS一般寫(xiě)在html文件中的<style></style>標(biāo)簽里面,
CSS注釋:以/* 開(kāi)頭,*/結(jié)尾
css鼠標(biāo)懸浮變色原理?
1、首先新建一個(gè)html文件,命名為test.html,在test.html文件內(nèi),使用table標(biāo)簽創(chuàng)建一個(gè)表格,用于測(cè)試。
2、在test.html文件內(nèi),設(shè)置table標(biāo)簽的class屬性為mytable,同時(shí)設(shè)置邊框?yàn)?px。
3、接著在css標(biāo)簽內(nèi),通過(guò)class設(shè)置表格的樣式,定義它的寬度為300px,高度為200px。
4、在css標(biāo)簽內(nèi),通過(guò)td元素名稱和“:hover”選擇器定義當(dāng)鼠標(biāo)指向單元格時(shí),改變單元格的背景顏色,設(shè)置為紅色。
5、最后在瀏覽器打開(kāi)test.html文件,鼠標(biāo)經(jīng)過(guò)之后,即可變色。
0