您好,登錄后才能下訂單哦!
本篇內容介紹了“Css3的選擇器有哪些”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
在css中,選擇器是一種模式,用于選擇需要添加樣式的元素
Css選擇器可以分為以下幾種:
1. Id選擇器 #box {}
2. 類選擇器 .box {}
3. 標簽選擇器 a {}和 a, h2, p {}
4. 相鄰選擇器 h2+p {}
5. 子選擇器 ul>li {}
6. 后代選擇器 li a {}
7. 通配符選擇器 * {} 和 * a{}
8. 屬性選擇器 a[rel=”external”] {}
9. 偽類選擇器 a:hover{}
CSS3中的偽類選擇器如下:
狀態偽類選擇器
1:link
2:visited
3:hover
4:active
5:focus
6:lang
7:target
結構性偽類選擇器
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狀態元素偽類選擇器
E:checked{attribute} 匹配所有用戶界面(form表單)中處于選中狀態的元素
E:enabled{attribute} 匹配所有用戶界面(form表單)中處于可用狀態的元素
E:disabled{attribute} 匹配所有用戶界面(form表單)中處于不可用狀態的元素
E::selection{attribute} 匹配元素中被用戶選中或處于高亮狀態的部分
“Css3的選擇器有哪些”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。