CSS中所有选择器
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
<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标签--> a[id]{ background: yellow; } <!--选择id为tttt的a标签--> a[id=tttt]{ background: green; } <!--选择class内有itemes的a标签--> a[class*=itemes]{ background: red; } <!--选择class以ttt开头的a标签--> a[class^=ttt]{ background: #64ffff; } <!--选择class以rrr结尾的a标签--> a[class$=rrr]{ background: #23f133; } </style> 该文章在 2023/5/30 14:36:27 编辑过 |
关键字查询
相关文章
正在查询... |