关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
留白Aiii
2022-03-05 16:55
采纳率: 100%
浏览 131
首页
有问必答
已结题
为什么css的 nth-child(){}不起作用?
有问必答
css
前端
html
#HTML
使用html想呈现的效果:
以为给右边的八个小盒子都设置了外边距所以是这样:
之后加入:
想去除特殊位置盒子的右或底部外边距;
加入后依然是这样:
通过页面检查发现所设置的伪类选择器根本没起作用
不明原因,求解答。
附上整个代码:
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
收藏
举报
2
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
CSDN专家-showbo
2022-03-05 16:59
关注
冒号前面加空格,要不是针对.son2这些元素,而不是针对.son2下的子元素
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
2
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(1条)
向“C知道”追问
报告相同问题?
提交
关注问题
nth
-
child
无效?
nth
-
child
(4-n)等于
nth
-
child
(-n+4)?
2023-09-19 10:30
前端煎饼的博客
今天写样式的时候,发现
nth
-
child
(4-n)
不起作用
,中间就不说了,结果发现要把4-n写成-n+4才有用,上代码;首先,关于
nth
-
child
的基本用法和选中前几个元素这里就先不说了,教程有很多很详细的,一搜就有。上面写的是...
CSS
:
nth
-
child
2023-07-22 10:23
庇耳拉海莱的博客
nth
-
child
伪类根据元素在同级元素中的位置来匹配元素.TOC/TOC很简单的例子, 来直觉上理解这个伪类的意思
CSS
中的
nth
-
child
与
nth
-of-type选择器用法:精准选择元素
2025-06-25 15:41
海派程序猿的博客
通过今天的讲座,相信大家对
nth
-
child
和有了更深入的理解。这两个选择器虽然看起来相似,但在实际使用中有着明显的区别。
nth
-
child
更适合用于基于位置的选择,而则更适合用于基于类型的精确选择。最后,给大家留一个...
深入解析
CSS
`:
nth
-
child
()` 伪类选择器
2025-10-09 23:03
2501_93104808的博客
CSS
:
nth
-
child
() 伪类选择器详解 :
nth
-
child
() 是
CSS
中强大的选择器,用于根据元素在兄弟节点中的位置来选择元素。它接受关键字(odd/even)、整数或公式(an+b)作为参数,常用于实现隔行变色、精确选择特定位置...
CSS
选择器的进阶使用:
nth
-
child
和
nth
-of-type
2025-06-02 16:07
Brilliant Nemo的博客
在
前端
开发中,
CSS
选择器的运用是构建网页样式的基石。...在本篇博客中,我们将深入探讨
CSS
中的:
nth
-
child
和:
nth
-of-type伪类,这两种选择器让我们能够基于元素在父元素中的位置,进行更精细的样式控制。
CSS
选择器进阶:
nth
-
child
()与
nth
-last-
child
()的妙用
2025-05-08 12:57
或困的博客
本文深入探讨了
CSS
中:
nth
-
child
()和:
nth
-last-
child
()选择器的高级用法。通过实例演示了如何选择特定位置的元素、按倍数选择元素以及如何使用An+B语法来选择每个第三个元素。文章还解释了n的计数方式以及如何应用:...
CSS
选择器:
nth
-
child
()
2024-07-05 11:19
米柆的博客
nth
-
child
(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。使用公式 (anb描述:...
css
3描述伪类选择器 :
nth
-
child
(n) 和 :
nth
-of-type(n) 的区别,并举例说明
2025-06-10 22:23
前端布洛芬的博客
前端
打工人的深夜调试,除了布洛芬和枸杞茶,最怕遇到什么? 是写了个`:
nth
-
child
(odd)`想给列表奇数行换背景色,结果选中的元素和预期完全对不上;是面试被问`
nth
-
child
`和`
nth
-of-type`区别,支支吾吾说不清楚...
CSS
中的
nth
-
child
()属性
2021-10-27 15:11
是欢欢啊的博客
first-
child
、last-
child
、
nth
-
child
、
nth
-last-
child
、
nth
-of-type first-
child
,last-
child
可直接使用,例如 ul li:first-
child
,ul li:last-
child
, 但是其余的选择都需要在后面加入(),例如ul li:
nth
-
child
(n)...
CSS
3伪类选择器:
nth
-
child
()
2020-12-11 07:34
CSS
3的:
nth
-
child
()伪类选择器是一种强大的样式选择工具,允许开发者更加精确地选取页面中...因此,了解并掌握:
nth
-
child
()等
CSS
3选择器的用法对于
前端
开发者来说至关重要,它将有助于提升网页设计的美观性和用户体验。
css
中的伪类选择器---------
nth
-
child
()
2025-09-16 15:14
企鹅d的博客
在
CSS
中,是一个伪类选择器,用于。它允许你根据元素在兄弟元素中的位置来精准匹配元素,非常适合创建有规律的布局或样式。
Vue进阶(幺幺捌):
CSS
3 - 选择器first-
child
、last-
child
、
nth
-
child
、
nth
-last-
child
2024-06-18 23:18
2401_84434331的博客
### 2.
nth
-
child
、
nth
-last-
child
(IE8不兼容) html: 列表 列表项目1 列表项目2 列表项目3 列表项目4 列表项目5 列表项目6
css
: ### 3. 对奇数、偶数使用样式 html: 列表项目1 列表项目2 列表项目3 列表...
css
选择器
nth
-
child
(n)的学习理解
2024-03-09 00:46
Mr.菓菓的博客
css
3 中的 element:
nth
-
child
(n)选择起详细用法
css
样式 :
nth
-
child
方式奇偶匹配样式
2024-09-10 16:33
菜鸟许良个人笔记的博客
【代码】
css
样式 :
nth
-
child
方式奇偶匹配样式。
【
CSS
】:
nth
-
child
和:
nth
-of-type
2025-01-16 19:12
田本初的博客
【
CSS
】:
nth
-
child
和:
nth
-of-type
解释下
css
中:
nth
-
child
(3n+1)的作用
2025-01-14 08:14
王铁柱666的博客
在
前端
开发中,这个选择器经常被用来为列表中的元素创建条纹效果,或者在设计中实现某种重复的模式。例如,你可以使用这个选择器来为每个选中的列表项设置一个不同的背景色,从而为用户界面增加视觉吸引力。会选择每...
css
选择器
nth
-
child
2022-08-08 14:48
Lisa的博客
css
选择器
nth
-
child
CSS
的伪类选择器:
nth
-
child
()的用法示例
2024-02-17 21:21
kfepiza的博客
第一个匹配的元素是 0 [=5x0],但由于元素的索引是从 1 开始的而 n 从 0 开始,所以不会匹配任何元素。表示第 4 [=(3×0)+4]、7 [=(3×1)+...表示兄弟元素列表中的第 8 到第 15 个,且为 元素的元素。表示第 7 个元素。
前端
必会的 HTML+
CSS
常用技巧 之
nth
-
child
与
nth
-last-
child
选取前三个兄弟元素,选取3-6之间的兄弟元素
2024-12-31 22:00
庄山聆壑的博客
p:
nth
-
child
(n+8):
nth
-
child
(-n+15) 表示兄弟元素列表中的第 8 到第 15 个,且为 元素的元素。
nth
-last-
child
链接: 点击查看MDN说明 tr:
nth
-last-
child
(odd) or tr:
nth
-last-
child
(2n+1) 表示 HTML 表的倒数的...
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告
问题事件
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
系统已结题
3月13日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
已采纳回答
3月5日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
创建了问题
3月5日