HTML5和CSS3系列(五)之CSS3選擇器詳解:基本選擇器、屬性選擇器、僞類選擇器、結構僞類、僞元素、優先級

上一篇:HTML5和CSS3系列(四):常見樣式、背景、Web字體、2D轉換、過渡html

1、選擇器

clipboard.png

clipboard.png

2、基本選擇器

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

3、屬性選擇器

clipboard.png

重點區別:

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

4、僞類選擇器

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

4.2 僞類選擇器 - UI元素狀態僞類

clipboard.png

clipboard.png

clipboard.png

clipboard.png

4.3 僞類選擇器 - 結構僞類

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

5、僞元素選擇器

clipboard.png

clipboard.png

clipboard.png

clipboard.png

6、組合選擇器

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

7、分組和優先級

7.1 分組

clipboard.png

7.2 優先級

clipboard.png

clipboard.png

clipboard.png

完!segmentfault

參考教學視頻:CSS3選擇器詳解視頻課程svg

相關文章
相關標籤/搜索