css - 如何删除与页面上其他元素具有相同类代码的特定元素？

Question

我的网页上有一个元素需要删除。当我编写 display: none CSS 时，它会删除该页面上的每个元素，因为每个元素都是用相同的类编写的。我需要知道我需要向 CSS 添加什么来删除一个特定元素，而不是所有元素。

下面您将看到具有相同类但 href 和标题名称不同的两个元素的代码。我如何将其正确添加到我的 CSS 中以仅删除一个。

.MYCLASS {
display: none;
}

将删除所有这些，但我只需要删除第一个。

<div class="My Class">
  <a href="http://*****.net/carrier-information/additional-information/" rel="bookmark" title="additional-information">
    Additional Information
  </a>
</div>

<div class="My Class">
  <a href="http://*****.net/carrier-information/5327-2/" rel="bookmark" title="More Info.">
      More Info.
  </a>
</div>

如何删除一个而不删除另一个？

Answer 1

您可以使用多个类。因此，将它们命名为不同的东西将是您最简单的解决方案。

    div class="class1" 

    div class="class2" 

在你的 CSS 中做 .class1 {display: none;} 或者任何需要消失的东西。

作为链接到您的问题的第一条评论，您也可以使用选择器作为另一种解决方案。