分类
商品
商品
店铺
资讯
分类
商品
商品
店铺
资讯

css中被忽略却很好使用的选择器

  • 时间:2018-07-27 23:25 作者:张瑞205973673 来源:张瑞205973673 阅读:296
  • 扫一扫,手机访问
摘要:遇到的场景是这样的:1.其余1232.123需求是 1和2 两种情况都要div1的color设置为红色。如何实现,不加class。解这里使用到了一个选择器"first-of-type"。div div:first-of-type {color: red;}可能你会想到first-child不就行了吗

遇到的场景是这样的

1.

其余

1

2

3

2.

1

2

3

需求是 1和2 两种情况都要div1的color设置为红色。如何实现,不加class。

css中被忽略却很好使用的选择器

这里使用到了一个选择器"first-of-type"。

div div:first-of-type {color: red;}

可能你会想到first-child不就行了吗?

css中被忽略却很好使用的选择器

但是使用first-child是这样的:

css中被忽略却很好使用的选择器

呵呵 哈哈!

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】极客时间-数据分析实战45讲【完结】(2021-09-02 16:26)
【系统环境|windows】字节跳动前台面试题解析:盛最多水的容器(2021-03-20 21:27)
【系统环境|windows】DevOps敏捷60问,肯定有你想理解的问题(2021-03-20 21:27)
【系统环境|windows】字节跳动最爱考的前台面试题:JavaScript 基础(2021-03-20 21:27)
【系统环境|windows】JavaScript 的 switch 条件语句(2021-03-20 21:27)
【系统环境|windows】解决 XML 数据应用实践(2021-03-20 21:26)
【系统环境|windows】20个编写现代CSS代码的建议(2021-03-20 21:26)
【系统环境|windows】《vue 3.0探险记》- 运行报错:Error:To install them, you can run: npm install --save core-js/modules/es.arra...(2021-03-20 21:24)
【系统环境|windows】浅谈前台可视化编辑器的实现(2021-03-20 21:24)
【系统环境|windows】产品经理入门迁移学习指南(2021-03-20 21:23)
血鸟云
手机二维码手机访问领取大礼包
返回顶部