CSS中所有選擇器
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
<style> <!--屬性選擇器--> h1{ color: black; } <!--class選擇器--> .wwwwwww{ color: blue; } <!--id選擇器--> #rrrrrr{ color: green; } <!-- 后代選擇器,所有子類選擇器--> body p{ background: red; } <!--子類選擇器,后一代選擇器--> li>p{ background: green; } <!--兄弟選擇器,向下選擇一個--> .active + p{ background: green; } <!--兄弟選擇器,向下選擇所有的兄弟--> .active~p{ background: blue; } <!--偽類選擇器--> ul li:first-child{ background: yellow; }
a{ background: blue; } <!--屬性選擇器--> <!--選擇所有有id的a標(biāo)簽--> a[id]{ background: yellow; } <!--選擇id為tttt的a標(biāo)簽--> a[id=tttt]{ background: green; } <!--選擇class內(nèi)有itemes的a標(biāo)簽--> a[class*=itemes]{ background: red; } <!--選擇class以ttt開頭的a標(biāo)簽--> a[class^=ttt]{ background: #64ffff; } <!--選擇class以rrr結(jié)尾的a標(biāo)簽--> a[class$=rrr]{ background: #23f133; } </style> 該文章在 2023/5/30 14:36:27 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |