Question

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

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

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

我如何仅为＃34;预防性护理＆＃34;设置:: before伪类/ id？标题？我试图添加＆＃34; ADULT＆＃34;在它面前，但如果我使用id＃1506，它就不会工作。如果我只使用类（.tab-pane.active），它会放置＆＃34; ADULT＆＃34;在每个活跃的头衔面前。我在这里做错了什么？

这个DOESN＆＃39; T工作：

#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

您无法在 CSS选择器

中选择以数字开头的id

了解更多CSS-Tricks

<强>解决方案

尝试像tab1506或tabPane1506或tp1506

这样的事情

但是你的问题有另一个解决方案，你可以使用

属性选择器：

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

了解更多read here

如何在伪类之前添加::到这个元素

1 个答案: