隐藏标签而不使用 css 执行此操作

Question

有没有办法在CSS中访问此代码？

x = document.getElementsByTagName("a");
x[2].style.display = "none";
x[3].style.display = "none";
x[4].style.display = "none";

Answer 1

您可以使用

nth-child选择器：

a:nth-child(3), a:nth-child(4), a:nth-child(5) {
  display: none;
}

<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
<a>5</a>
<a>6</a>