关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
留白Aiii
2022-03-05 16:55
采纳率: 100%
浏览 129
首页
有问必答
已结题
为什么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
()
2024-07-05 14:58
米柆的博客
nth
-
child
(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。使用公式 (anb描述:...
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
方式奇偶匹配样式
2024-09-10 16:33
菜鸟许良个人笔记的博客
【代码】
css
样式 :
nth
-
child
方式奇偶匹配样式。
css
选择器
nth
-
child
(n)的学习理解
2024-03-09 00:46
Mr.菓菓的博客
css
3 中的 element:
nth
-
child
(n)选择起详细用法
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 个元素。
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
和
nth
-of-type的区别
2022-08-16 15:25
萧景兴的博客
详解
nth
-
child
和
nth
-of-type的区别和用法,简单易懂,包含基本选择器以及特殊选择器的解释以及用法
前端
必会的 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 表的倒数的...
解释下
css
中:
nth
-
child
(3n+1)的作用
2025-01-14 08:14
王铁柱666的博客
在
前端
开发中,这个选择器经常被用来为列表中的元素创建条纹效果,或者在设计中实现某种重复的模式。例如,你可以使用这个选择器来为每个选中的列表项设置一个不同的背景色,从而为用户界面增加视觉吸引力。会选择每...
CSS
选择器的魔法:探索:not-
child
()与:
nth
-
child
()
2024-08-30 16:32
小金子J的博客
本文深入探讨了
CSS
选择器中的:not-
child
()和:
nth
-
child
(),这两个工具在
前端
开发中极为重要。:not-
child
()允许开发者排除特定元素,而:
nth
-
child
()则基于元素在父元素中的位置进行选择。文章通过实例展示了如何使用...
【
CSS
】:
nth
-
child
和:
nth
-of-type
2025-01-16 19:12
田本初的博客
【
CSS
】:
nth
-
child
和:
nth
-of-type
nth
-of-type和
nth
-
child
的正确使用方式,last-
child
为什么不生效?
2022-10-28 17:15
yak99的博客
nth
-of-type,
nth
-
child
的正确使用方式,last-
child
为什么不生效?
nth
-of-type,
nth
-
child
的常用写法
在
CSS
中,:
nth
-
child
(odd) 选择的是所有奇数索引的元素,:
nth
-
child
(even) 选择的是所有偶数索
2025-02-08 16:03
CDwenhuohuo的博客
odd 代表奇数,even 代表偶数 Item 1 Item 2 Item 3 Item 4 Item 5 li:
nth
-
child
(odd) { background-color: red; /* 奇数项变红 */ } li:
nth
-
child
(even) { background-color: green; /* 偶数项变绿 */ }
解决
css
中E:first-
child
,E:last-
child
,
nth
-
child
()无效的问题
2022-11-12 15:37
shangsihuanxiayuan的博客
总结原因:
nth
-
child
()它的范围是在E(这里是li)的所有兄弟sibilings中,故li:
nth
-
child
(1)是指的第一个li,而在原来的ul:
nth
-
child
(1)是指整个ul,包括了里面所有的li。情况:h1排在第2位,改变了颜色,而第...
CSS
的:
nth
-last-
child
()伪类:逆序子元素选择的艺术
2024-08-18 22:46
2401_85743969的博客
伪类选择器是
CSS
中用来选择元素的特定状态或属性的关键字。例如,:hover伪类用于选择鼠标悬停时的元素。伪类则用于从父元素的末尾开始选择子元素。
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告
问题事件
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
系统已结题
3月13日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
已采纳回答
3月5日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
创建了问题
3月5日