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>

标签： htmlcss

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>