写点什么

CSS05 - 常用的高级选择器

发布于: 2021 年 01 月 07 日
CSS05 - 常用的高级选择器

所谓高级选择器,我认为就是对选择器的使用。css 常用的高级选择器有三个:后代选择器、直接后代选择器、并集选择器。

后代选择器

一级一级直到写到相应的标签或类名,标签名或类名之间使用空格隔开,如代码所示

.box div li{ color: red;}
复制代码

直接后代选择器

从父类开始一级一级写到目标标签,层级之间使用大于号“>”隔开,如代码所示

.box>div>ul>li{ font-size: 24px;}
复制代码

并集选择器

.box li, .pox{font-weight: bold;}
复制代码

代码意思是:同时选中 “ 类名为 box 下的<li>标签 “ 和 ” 类名为 pox ” 的标签,对它们同时设置样式。


发布于: 2021 年 01 月 07 日阅读数: 19
用户头像

所思在远道 2020.08.19 加入

一只慢慢进步的小白

评论

发布
暂无评论
CSS05 - 常用的高级选择器