使用css从html隐藏特定元素

我有一个html文件，需要隐藏一些元素。 我的代码是这样的

<div class="test">
   <a href="#" class="demo">Demo1</a>
</div>
<div class="test">
   <a href="#" class="demo">Demo2</a>
</div>
<div class="test">
   <a href="#" class="demo">Demo3</a>
</div>
<div class="test">
   <a href="#" class="demo">Demo4</a>
</div>

---

我想用css隐藏Demo2和Demo4链接。请帮我做这件事：）

使用

n子项

选择一个

div

，然后将其

a

更改为

隐藏

您可以使用：

CSS伪类的

：n类型与具有+b-1的元素匹配
在文档树中具有相同元素名称的同级，
对于给定的正或零值n，并具有父元素


。测试：第n个类型（2）a，。测试：第n个类型（4）a{
显示：无；
}

Hi，我只想隐藏Demo2和Demo4链接。因为每个div都有其他内容，所以你把小提琴链接到了哪里？
.test:nth-child(2) a {
visibility:hidden;
}
.test:nth-child(4) a {
visibility:hidden;
}