访问css中的div标签属性以使元素不可见

Question

用于html标签

<div class="test" label= "hello" second-label="world"/>

我试图访问标签和第二标签属性，但我不知道我的CSS是错误还是我没有正确执行。

.test[label="hello"] {
     visibility: hidden;
}

这似乎没有做任何事情。希望得到一些帮助。

Answer 1

params元素不是自我关闭的：

div

.test[second-label="world"] {
  color: red;
}

尽管如此，它仍然有效。

编辑：

您可以在评论中使用数据代替@ j08691。 custom data attributes

因此，在您的示例中，您可以使用：

<div class="test" label="hello" second-label="world">test</div>

.test[data-secondLabel="world"] {
  color: red;
}