最近匯仁智杰小編在在學(xué)習(xí)css樣式。那么我就想先整理一下css樣式的選擇器,希望對(duì)同是在學(xué)習(xí)的你來說能夠有所幫助。
規(guī)則結(jié)構(gòu):
每個(gè)規(guī)則都有兩個(gè)基本部分:選擇器和聲明塊。聲明塊由一個(gè)或者多個(gè)聲明組成,每個(gè)聲明則是一個(gè)屬性—值對(duì)(property-value)
1、元素選擇器
* 通用元素選擇器,匹配任何元素 *{margin:0;padding:0};
x 標(biāo)簽選擇器 h1{color:#000},p{color:#000};
.info class選擇器 .info{background-color:red};
#target ID選擇器 #target{font-size:15px};
2、選擇器分組
x,y 多元素選擇器 x,y{font-weight:bold};
x y 后代選擇器 x y{display:inline};
x>y 子元素選擇器 x>y{color:#333};
x+y 相鄰元素選擇器 x+y{color:#ddd};
說明:
還有個(gè)更為高級(jí)的CSS選擇器模塊,早在CSS2完成之后就發(fā)布了。其中包含更多的部分值屬性選擇器又稱之為“子串匹配屬性選擇器”。
3、子串匹配屬性選擇器
[x^=“y”] 選擇屬性以x開頭的y的所有元素;
[x$=“y”] 選擇屬性以x結(jié)尾的y的所有元素;
[x*=“y”] 選擇屬性以x包含子串的y的所有元素;
4、偽類選擇器
:link 指示為超鏈接(有一個(gè)href屬性)并指向一個(gè)未訪問地址的所有錨鏈接。
:visited 指示為已訪問的地址超鏈接所有的錨鏈接
5、動(dòng)態(tài)偽類
:focus 指示為當(dāng)前擁有輸入焦點(diǎn)的元素。也就是可以接受鍵盤輸入或者可以以某種方式激活的元素;
:hover 指示為鼠標(biāo)指針停留在某個(gè)元素上。例如鼠標(biāo)停留在超鏈接上。字體會(huì)由黑色變?yōu)榧t色;
:active 指示為被用戶輸入激活的元素。例如鼠標(biāo)指針在超鏈接上后。當(dāng)用鼠標(biāo)點(diǎn)擊這個(gè)鏈接后。就會(huì)激活這個(gè):active
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識(shí)
- 競(jìng)價(jià)推廣知識(shí)
- 新媒體營(yíng)銷知識(shí)
- 網(wǎng)站運(yùn)營(yíng)知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營(yíng)銷知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營(yíng)銷
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過度營(yíng)銷 對(duì)嚴(yán)重違
- SEO優(yōu)化過程要避免什么?
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?
WEB前端之css樣式選擇器
來源:北京匯仁智杰科技有限公司 時(shí)間:2016-04-13 點(diǎn)擊: 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過度營(yíng)銷 對(duì)嚴(yán)重違2016-01-26
- SEO優(yōu)化過程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷2016-01-26
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?2015-01-22