本篇內(nèi)容介紹了“Css3的選擇器有哪些”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的香格里拉網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
在css中,選擇器是一種模式,用于選擇需要添加樣式的元素
Css選擇器可以分為以下幾種:
1. Id選擇器 #box {}
2.類選擇器 .box {}
3.標(biāo)簽選擇器 a {}和 a, h2, p {}
4.相鄰選擇器 h2+p {}
5.子選擇器 ul>li {}
6.后代選擇器 li a {}
7.通配符選擇器 * {}和 * a{}
8.屬性選擇器 a[rel=”external”] {}
9.偽類選擇器 a:hover{}
CSS3中的偽類選擇器如下:
狀態(tài)偽類選擇器
1:link
2:visited
3:hover
4:active
5:focus
6:lang
7:target
結(jié)構(gòu)性偽類選擇器
1:first-letter
2:first-line
3:before
4:after
5:root()
6:not()
7:empty()
8:target()
9:first-child()
10:nth-child()
11:nth-last-child()
12:nth-of-type(n)
13:only-child
14:first-letter
15:first-line
16:before
17:after
18:selection
UI狀態(tài)元素偽類選擇器
E:checked{attribute}匹配所有用戶界面(form表單)中處于選中狀態(tài)的元素
E:enabled{attribute}匹配所有用戶界面(form表單)中處于可用狀態(tài)的元素
E:disabled{attribute}匹配所有用戶界面(form表單)中處于不可用狀態(tài)的元素
E::selection{attribute}匹配元素中被用戶選中或處于高亮狀態(tài)的部分
“Css3的選擇器有哪些”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!