关于:nth-child(3n+1)为什么第一个子元素也会有效果呢。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
p:nth-child(3n+1){
background: red
}
</style>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
</body>
</html>
请问老师，3n+1不是该从第四个子元素开始了么。为什么第一个元素也会有效果呢？
2
收起
正在回答
2回答
你好同学 , 如下教辅中 ,是说的元素的下标是从1开始的 , 例如在你的代码中 ,第一个p元素的下标是从1开始 . 而n从0开始 ,所以3n+1=1 ,会让下标为1也就是第一个元素设置成红色背景 .
同学再重新看一下哦 , 祝学习愉快 ,望采纳 .
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星