通过CSS代码隐藏带有数据标题的div？答案

【问题标题】：Hiding div with data-titles by CSS code?通过CSS代码隐藏带有数据标题的div？
【发布时间】：2014-08-25 23:40:47
【问题描述】：

我想在网站上隐藏一些 div。他们每个人都有自己的数据标题。我可以使用这个 CSS 代码吗？我想我应该这样做：

 {display: none;}

但是，我在生成正确的选择器时遇到了很大的问题。

不幸的是，Divs 没有名称和类 - 它们只能通过数据标题来区分。如有任何帮助，我将不胜感激。

【问题讨论】：

标签： html css

【解决方案1】：

您可以使用 element[property="value"] 选择器通过 css 上的属性来定位元素，因此：

div[data-title="something"] {
    display: none;
}

编辑

关于 css 属性选择器上的“使用或不使用引号”下面的评论，这里回答了一个涵盖该主题的问题：CSS attribute selectors: The rules on quotes (", ' or none?)

【讨论】：

@RaduAndrei 你能提供更多关于哪些浏览器的信息吗？一个链接会很好。规范说，如果属性是有效的 CSS 标识符，则不需要。 stackoverflow.com/a/7286343/227299
奇怪的是，当我引用属性值时，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; }
谢谢，现在我什么都知道了