原文:为什么选择器:last-child有时没有起作用?

想要有.list样式的最后一个不要下划线。为什么:last child没有起作用 el:last child 的匹配规则是:第一步,查找 el 选择器匹配元素的所有同级元素 siblings 第二步,在同级元素中查找最后一个元素 第三步,检验最后一个元素是否与选择器 el 匹配。 .list:last child 匹配到了 footer,但 footer 不匹配 .list,故选择器不生效。 .可 ...

2019-09-26 19:30 1 1438 推荐指数:

查看详情

选择器:first-child与:last-child失效的解决方法

作为还在努力练习的代码小白来说,有时类名或者ID名太多很容易就会搞混,为此,在练习中会想着借用多样的选择器来设置而不是每一个标签都设一个类名(Id名),在此次练习中使用选择器:first-child与:last-child就遇到了失效的问题: 使用一个并列显示的不同尺寸的图片为例 ...

Mon Nov 12 19:58:00 CST 2018 0 1548
css 伪类:last-child等不起作用

html: 效果如下: 本以为在 `#icons .column .txt` 处加隔条后,想把最后一个竖隔条设为 `border:none;` 没想到如上如所示,全部都不见了。 原来,伪类选择器`:first-child ...

Fri Sep 23 20:25:00 CST 2016 0 12408
(CSS):last-child起作用的原因

今天写了个CSS的测试样例,代码如下: 原本觉着,选择器会选中 可结果出乎我的意料,我们重新理解一下last-child选择器,在CSS标准中的含义 选择其父元素最后一个子元素,每个<p>元素,根据这段话我们能否发现:div-01对应父 ...

Sun May 06 09:18:00 CST 2018 0 8022
CSS 中first-childlast-child起作用原因

今天开发的时候,发现last-child起作用,看了下原因顺便给自己学习CSS选择器,我们这里举个例子,如下代码:<div><h1>title</h1> <p>words</p> <p>words</p> ...

Fri Jun 02 02:27:00 CST 2017 0 2104
CSS样式中&和:last-child作用

一、CSS样式中&和:last-child作用 1、同级样式中,不同类名公用相同或不同样式简洁写法: & 符号作用,在嵌套层次中回溯一层,既实现效果: .icon-zfgs .icon-zfjd ...... 2、:last-child作用:指定父元素中最后一个 ...

Fri May 15 01:03:00 CST 2020 0 1345
last-child为啥不生效

last-child基本定义 指定属于其父元素的最后一个子元素的 p 元素的背景色 如果你这样写是不会生效的 css如下 原因是相同的limit-top类名的同级不能再有其他的标签元素,去掉class为text的就好了,也就是父元素底下只能有class为limit-top的列表 ...

Tue Dec 18 22:59:00 CST 2018 0 785
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM