data-post-id =“__”css选择器？

Question

是否可以通过css从HTML标记“data-post-id =”226“”隐藏一个元素？我在wordpress和我需要隐藏几个帖子上的元素的投资组合，但由于它是自动的，我不能手动执行。

我试过.data-post-226 {display：none; }因为这适用于页面和帖子ID，但是由于id在引号中，这有点不同。

Answer 1

.classname只适用于类，不适用于其他属性。不过，您可以通过带有方括号的属性进行选择。

[data-post-id="226"]将作为选择器来将das data-post-id =“226”的元素设置为属性。

Answer 2

你在找什么是属性选择器。 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

如果你是新来这个，我建议你阅读不同的方式，你可以使用CSS选择器选择元素 - https://www.w3schools.com/cssref/css_selectors.asp

Answer 3

您想在这里使用属性选择器（更多信息：https://css-tricks.com/attribute-selectors/）

在你的情况，这是你所需要的：

[data-post-id="226"] { 
    display: none; 
}