CSS3 :nth-child() 选择器

夏日阳光
164
文章
19
评论
2019年3月30日21:30:28 评论 250 328字阅读1分5秒

我们在通过CSS操作多个元素时,经常需要选择第n个子元素,给它单独设置样式,比如有一个关于用户列表的 li 列表,想把其中的第三条信息标为红色,本文简单整理了一下选择第 n 个子元素的方法。CSS3 :nth-child() 选择器不支持低版本的 IE 浏览器,针对低版本的 IE 浏览器,可以通过 jQuery 选择器来渲染。

CSS3 :nth-child() 选择器

实例:

规定属于其父元素的第二个子元素的每个 p 的背景色:

请看下面的例子:

上述代码运行结果:

CSS3 :nth-child() 选择器

低版本IE浏览器可以使用JQuery的写法来支持nth-child()。

weinxin
关于本站
本站是一个分享建站经验、SEO优化、互联网技术以及日常生活的个人生活博客。
  • 版权声明: 发表于 2019年3月30日21:30:28
  • 转载注明:https://www.pieruo.com/7265.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: