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; 
}