如何将 ::before pseudo-class 添加到此元素

Question

大家好 CSS 聪明的人...我有一个 Doozey！

https://tritonmedicine.com/services 是有问题的页面

It's the title down the page a bit, next to the picture

如何为 "preventative care" 标题仅设置 ::before pseudo-class/id 的样式？我想在它前面加上 "ADULT" 这个词，但是如果我使用 id#1506，它就不起作用了。如果我只使用 class (.tab-pane.active)，它会将 "ADULT" 放在每个活动标题的前面。我在这里做错了什么？

这行不通：

#1506.tab-pane.active > div:nth-child(2) > div > h3::before {
    content: 'ADULT';
}

这确实有效（但我不想要它们的样式）：

.tab-pane.active > div:nth-child(2) > div > h3::before {
    content: 'ADULT';
}

非常感谢任何帮助:)

Answer 1

您不能 select id 以 CSS select 或

中的数字开头

更多CSS-Tricks

解决方案

试试这些 tab1506 或 tabPane1506 或 tp1506

但是你的问题还有另一种解决方法，你可以使用

属性select或：

[id="1506"].tab-pane.active > div:nth-child(2) > div > h3::before {
    content: 'ADULT';  
}

更多read here

如何将 ::before pseudo-class 添加到此元素

How to add ::before pseudo-class to this element

css

pseudo-class

pseudo-element