Sublime编纂器

Sublime编纂器
HTML+CSS方式/
1先完当作一个用来尝试:nth-child()的根基HTML样式与布局, 代码及预览结果如下所示:


Sublime编纂器

文章插图

Sublime编纂器

文章插图

Sublime编纂器

文章插图

2若是n暗示一个具体数值3, 则会选择某元素下的第3个子元素, 如下所示:


Sublime编纂器

文章插图

Sublime编纂器

文章插图

3若是就是一个n, 将会选中父元素的所有子元素, 如下所示:


Sublime编纂器

文章插图

Sublime编纂器

文章插图

4若是n是一个表达式2n, 则暗示所有的偶数项城市被选中, 如下所示:


Sublime编纂器

文章插图

Sublime编纂器

文章插图

5【Sublime编纂器】若是n是一个表达式2n+1, 则暗示所有的奇数项城市被选中, 如下所示:

Sublime编纂器

文章插图

Sublime编纂器

文章插图

6若是n是一个表达式n+5, 则暗示从第5个子元素起头一向到最后的子元素城市被选中, 如下所示:

Sublime编纂器

文章插图

Sublime编纂器

文章插图

7若是n是一个表达式-n+5, 则暗示选择父元素的第1个到第5个子元素, 它和n+5正好相反, 如下所示:

Sublime编纂器

文章插图

Sublime编纂器

文章插图

8以上就是布局伪类选择器:nth-child()最常用的几种体例, 但愿对大师有所帮忙 。



以上内容就是Sublime编纂器的内容啦, 希望对你有所帮助哦!

    推荐阅读