data-post-id="__" css 选择器?

data-post-id="__" css selector?

是否可以通过 css 从 HTML 标记 "data-post-id="226"" 中隐藏元素?我在 wordpress 和投资组合中,我需要在几个 post 上隐藏一个元素,但由于它是自动的,我无法手动完成。

我试过.data-post-226 { display:none; } 因为它适用于页面和 post id,但这有点不同,因为 id 在引号中。

.classname 仅适用于 类,不适用于其他属性。不过,您可以 select 通过带方括号的属性。

[data-post-id="226"] 将用作 select 或将 das data-post-id="226" 作为属性的元素样式化。

您要查找的是属性select或。 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

如果您是新手,我建议您阅读有关使用 CSS select 或 https://www.w3schools.com/cssref/css_selectors.asp[=12 select 元素的各种方法=]

您想在此处使用属性选择器(更多信息:https://css-tricks.com/attribute-selectors/

对于您的情况,这就是您需要的:

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