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;} 或者任何需要消失的东西。

由于关于您的问题的第一条评论也可以使用选择器作为另一种解决方案。

Answer 2

您可以将html style属性添加到所需标记，以隐藏一个元素。

例如：

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

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

2 个答案: