Question

我在一个页面中有4个动态div，它们以相同的文本（dropdown1，dropdown2，dropdown3，dropdown4）开头。每次刷新页面时，数字都会更改，但是字符串“ dropown”保持不变。

我想将规则应用于dropdown4（数字在下次刷新时可能会更改，但div始终位于页面的第4位。）我该怎么做？

我一直在使用以下代码隐藏所有div

  div[id^='dropdown']{
     display: none;
  }

只想隐藏第4格，有可能吗？不想在这里使用JavaScript，纯CSS。

Answer 1

使用:nth-of-type()选择器

div:nth-of-type(4) {
  display:none;
}

<div>test1</div>
<div>test2</div>
<div>test3</div>
<div>test4</div>

Answer 2

此选择器将格式应用于任何以所需内容结尾的内容。

[class $ =“ box4”]，它选择其类名以box4结尾的元素。

如果将div添加到外部区域：

Div [class $ =“ box4”]它选择与相同大小写匹配的任何div。希望能有所帮助。