p:nth-child(3n+0)中的n是什么含义?块级元素的个数?

p:nth-child(3n+0)中的n是什么含义?块级元素的个数?

<!DOCTYPE html>

<html>

<head>

<title>a</title>

<meta charset="utf-8">

<style type="text/css">

p:nth-child(3n+0){

background: #ff0000;

}

</style>

</head>

<body>

<h1><span>asss</span>这是标题</h1>

<p>第1个段落。</p>

<p>第2个段落。</p>

<p>第3个段落。</p>

<p>第4个段落。</p>

<p>第5个段落。</p>

<p>第6个段落。</p>

<p>第7个段落。</p>

<p>第8个段落。</p>

<p>第9个段落。</p>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

5回答
爱吃烤鱼de安哥 2018-04-11 23:08:14

每隔三个一样的选择

慕先生1589035 2018-04-03 01:11:53

如果是相同的标签可以,同级标签里含有不同的标签通常用p:nth-of-type()

怎么都被占用了呢 2017-11-26 14:38:21

n为1的时候,3n+0的值是3,父元素的第3个元素就是<p>第2个段落。</p>


落雪余晖 2017-07-28 03:20:25

公式 (an + b),表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。

这段代码中P:nth-child(3n+0)设置了下标是 3 的倍数的所有 p 元素的背景色


  • 这里的不对啊,显示跟说的不一样啊。这里是从第二个开始的。
    2017-11-26 08:43:29
  • 我个人理解是<h1>是p的父元素body下的第一个子元素,虽然它不会被设置背景色但是在计数时被算作第一个。所以第二个p就是body下的第三个子元素了。
    2018-03-31 16:47:01
小丸子爱吃菜 2017-07-04 11:56:43

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

n 是计数器,为正值或零值。

祝学习愉快!

  • 这里的不对啊,显示跟说的不一样啊。这里是从第二个开始的。
    2017-11-26 08:43:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师