css - :first-child not being applied

标签 css css-selectors

关于 this page ,我想隐藏 Logo 上方显示的不正确的 HTML。它是由我们即将更换的旧插件生成的。

首先,我尝试了 CSS:

.vine-home-block-grapes:first-child {display: none;}

但这不会删除下面突出显示的 block : enter image description here

你能帮我确定为什么吗?

最佳答案

使用 CSS :first-of-type 选择器

.vine-home-block-grapes:first-of-type{   
    display:none;    
}

关于css - :first-child not being applied,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30341449/

相关文章:

css - 有没有伪类不起作用的场景?

html - div 和图像上的悬停效果在 css 中不起作用

javascript - 在 PHP 中使用长 HTML 与 CSS 和 JavaScript 会在 PhpStorm 中生成错误

css - Material ui 中的波纹影响用不同的颜色填充按钮

java - 使用cssSelector清除Chrome浏览器的浏览数据时,如何与#shadow-root(打开)中的元素进行交互

CSS 特异性在 Chrome 中无法按预期工作

selenium - 检查元素在所有行折叠之前仅显示元素几秒钟

javascript - 如何使用 jQuery 遍历嵌套的 HTML div 元素

html - 在移动设备 (iOS) 上滚动会导致延迟,浏览器地址栏行为异常(隐藏并重新出现)

javascript - IE 与谷歌浏览器