html - 如何禁用没有任何类的标签？

Question

我对以下代码有疑问。我想禁用显示用户已查看的帖子计数器的第三个 span。我该如何解决？

span i.mdi.mdi-eye:display:none;

<div class="post-meta">
  <span></span>
  <span></span>
  <span><i class="mdi mdi-eye"></i></span>
</div>

Answer 1

您可以使用 nth-child() 选择器选择每隔三个元素。由于其中没有更多元素，因此它可以按预期工作。更好的方法是使用 i 类选择器并隐藏 i。

div.post-meta :nth-child(3) {
  display: none;
}

<div class="post-meta">

<span></span>
<span></span>
<span><i class="mdi mdi-eye">10</i></span>

</div>