美文网首页
CSS3中的奇偶行选择

CSS3中的奇偶行选择

作者: 孤屿孤行 | 来源:发表于2017-05-01 17:10 被阅读0次

通过css3的伪类选择器:nth-child()来选择有规律的元素。

例如:

我们有若干个div,有相同的class为d,想要给偶数个的div样式,代码为:

.d:nth-child(2n){ css样式代码 }

奇数个代码为:

.d:nth-child(2n+1){ css样式代码 }


扩展一下思维~

选择第一个的代码为:

.d:first-child{ css样式代码 }

选择最后一个的代码为:

.d:last-child{ css样式代码 }

相关文章

  • CSS3中的奇偶行选择

    通过css3的伪类选择器:nth-child()来选择有规律的元素。 例如: 我们有若干个div,有相同的clas...

  • 初级了解css3伪类选择器

    在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。 先来了解一下css3选择器的分类 css3选择器...

  • 奇偶排序及其并行化设计

    题目 奇偶排序及其并行化设计 定义 奇偶排序法的思路是在数组中重复两趟扫描。第一趟扫描选择所有的数据项对,a[j]...

  • CSS3

    CSS3 新增选择器 CSS3 中,相对于 CSS2.1 版本的 7 个选择器,增加了更多其他的选择器,实现了更多...

  • 第2章 CSS3选择器-1

    第2章 CSS3选择器 W3C在CSS3的工作草案中把选择器独立出来成为一个模块。实际上,选择器是CSS只是中的重...

  • CSS3属性选择器

    CSS3中属性选着器增加了3个 结构性伪类选择器 CSS3结构性伪类选择器 CSS3选择器详解二 第二部分小节 、...

  • CSS 3 选择器

    CSS3追加的选择器 在CSS3中,追加了三个属性选择器分别为 这样使得选择器有了通配符的概念。 结构性伪类选择器...

  • tips之css

    CSS3 :not()选择器 自定义超出N行用...代替.ellipsis-row(n){overflow:hid...

  • 4-14 序选择器

    CSS3中新增的选择器最具代表性的就是序选择器

  • 前端面试之 CSS3 新特性

    原文链接 除了html5的新特性,CSS3的新特性也是面试中经常被问到的。 选择器 CSS3中新添加了很多选择器,...

网友评论

      本文标题:CSS3中的奇偶行选择

      本文链接:https://www.haomeiwen.com/subject/awaftxtx.html