CSS样式 - 在类

Question

我希望在另一个类块中编辑H2类的内容，但却努力使其工作。

这是班级列表

<header class="mainHeader">
            <li id="xyz_insert_html_widget-2" class="widget-1 widget-first widget-last widget-odd widget widget_xyz_insert_html_widget "><h2 class="box">Live Now - Podcasts</h2>

我试图编辑H2的内容，其中包含＆＃34; Live Now - 播客＆＃34;没有运气

我尝试了很多无用的事情，我尝试的最后一件事是

#mainHeader li#xyz_insert_html_widget-2.widget-1.widget-first.widget-last.widget-odd.widget.widget_xyz_insert_html_widget h2.box  

使用内容属性content: "TEXT HERE";

非常感谢帮助我指明正确的方向！

Answer 1

尝试

.box{
   content: "TEXT HERE";
}

这是因为使用css，您可以引用您希望属性应用的特定元素类名称，除非您在文档的其他区域中具有这些名称。 在这种情况下，要么为它分配一个id，以便像这样引用它：

#exampleid{
    content: "TEXT HERE";
}

或跟随您的行，具体情况：

header > li > .box {
    content: "TEXT HERE";
}