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;
}
是否可以通过 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;
}