CSS派生选择器-经验/观点-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

快速搭建网站

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

CSS派生选择器

0.0°

2018-02-06 原创文章 经验/观点 举报 1239 2 2 1

小凉小爽关注

没有难的知识只有能帮到你的技巧

1.后代选择器（包含选择器，形态就是空格）：“A”下的所有名字为“B”类，不管这个“B”藏的有多么深，不管“B”是“A”子类还是孙类还是重孙类，都能被选择并赋予属性值

例：A B｛property：value；｝

2.子元素选择器（“>”）：仅仅从属于“A”的“B”类，“B”仅作为"A"的亲儿子，才可被选择并赋予属性值；

例：A > B｛property：value；｝

3.相邻兄弟选择器（“+”）：紧紧与“A”相邻的“B”类，“A”与“B”是亲兄弟，需要有同一个父，这样“B”才能被选择并赋予属性值；

例：A + B｛property：value；｝

4.总结：以上选择器在实际操作中可以重叠使用，不仅可以节省代码量还可以彰显逼格。

例：A B2 > C1 + C2｛property：value；｝会将属性赋予谁呢？没错是给C2赋予了值，当然，在实现的时候这样的写法不太合理，这里只是为了说明选择器而已啦~

更新：2018-02-06

2人已收藏

小凉小爽

Do or Die~

17

作品
27

粉丝
29

关注

猜你喜欢

2018-02-06 原创文章 经验/观点 举报 1239 2 2 1

CSS派生选择器

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2018年02月06日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得