Hiding div with data-titles by CSS code?
我想在网站上隐藏一些div。 它们每个都有自己的数据标题。 我可以使用此CSS代码吗? 我想我应该使用以下方法做到这一点:
但是,产生一个正确的选择器存在很大的问题。
遗憾的是,div没有名称和类-只能通过数据标题加以区分。 我将不胜感激。
-
developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors
您可以使用选择器element[property="value"]通过CSS上的元素属性来定位元素,因此:
1 2 3
| div[data-title="something"] {
display: none;
} |
编辑
关于下面有关CSS属性选择器上"使用或不使用引号"的评论,此处在SO上回答了一个涉及主题的问题:CSS属性选择器:引号("或无"的规则)
-
@RaduAndrei您可以提供有关哪些浏览器的更多信息吗? 链接会很好。 规范说,如果属性是有效的CSS标识符,则不需要此属性。 stackoverflow.com/a/7286343/227299
-
奇怪的是,当我引用属性值时,Ive对于Chrome总是遇到更多问题(所以现在我使用冗余:div[data-title=something], div[data-title="something"] {...})。
-
非常感谢! 就是我的意思 让我仍然小而快速的问题。 隐藏起来,我有很多的div。 因此,我可以为几个不同的div构建一个公共选择器,以便尽可能简化代码吗?
-
您可以选择多个用逗号分隔的元素:div[data-title="1"], div[data-title="2"], div[data-title="3"] { display: none; }
-
谢谢,现在我知道了一切