代码之家  ›  专栏  ›  技术社区  ›  fencepencil

如何将::before伪类添加到此元素

  •  2
  • fencepencil  · 技术社区  · 6 年前

    大家好,你们这些聪明的CSS人。。。我有一个末日!

    https://tritonmedicine.com/services 这一页有问题吗

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

    如何为“预防保健”标题仅设置::before伪类/id的样式?我试图在它前面加上“成人”一词,但如果我使用id#1506,它将无法工作。如果我只使用类(.tab pane.active),它会将“成人”放在每个活动标题的前面。我做错了什么?

    这不起作用:

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

    非常感谢您的帮助:)

    1 回复  |  直到 6 年前
        1
  •  3
  •   Rajnish Rajput    6 年前

    您无法选择 id 以数字开头 CSS选择器

    更多信息 CSS-Tricks

    解决方案

    试试这样的东西 tab1506 tabPane1506 tp1506

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

    属性选择器:

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

    更多信息 read here