：没有申请的第一个孩子

Question

在this page上，我想隐藏徽标上方显示的错误HTML。它是由我们即将更换的旧插件生成的。

首先，我尝试了CSS：

{{1}}

但这不会删除下面突出显示的块：

你能帮我确定一下为什么吗？

Answer 1

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

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

Answer 2

添加此脚本。没有任何问题它会正常工作：

<script>
    var fourthChild = document.body.getElementsByTagName("div")[0];
    document.body.removeChild(fourthChild);
</script>

感谢@FelixKling

Answer 3

该选择器不起作用，因为您尝试选择的元素不是其父级的:first-child。

执行所需操作的一种方法是选择具有该类名的所有元素，根据需要设置其样式，然后使用带有兄弟选择器的新规则，覆盖后面出现的该类的任何元素的那些样式。父节点。

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