Question

您好我尝试编辑wordpress主题的CSS，但是当我看到这个DIV风格时我会卡住。

     <li id="text-3" class="widget sbg_widget Phubadee widget_text">
        <h2 class="widgettitle  sbg_title">Title Header</h2>

我如何制作CSS当我想要：标题标题：font-size：1.6em;

非常感谢你。

Answer 1

h2.widgettitle.sbg_title { font-size:1.6em }

说明：

.是css中的类选择器，您的h2有类widgettitle和sbg_title，因此我们希望使用.选择这两个

请注意，widgettitle与下一个.之间不能有任何空格，空格意味着完全不同的东西，即选择 {{1>的任何后代有类widgettitle

的

Answer 2

还有更多方法可以做到这一点。如果你想要，你可以将它添加到你的css

h2.widgettitle {font-size:1.6em;}

或者如果你想更具体

h2.widgettitle .sbg_tittle

Answer 3

你可以做很多事情。任何这些都可行，并且有更多的方法可以做到这一点！

li.widget h2 { font-size:1.6em }

li.sbg_widget h2 { font-size:1.6em }

h2 { font-size:1.6em }

h2.widgettitle { font-size:1.6em }

h2.sbg_title { font-size:1.6em }

.widgettitle { font-size:1.6em } 

.sbg_title { font-size:1.6em }

li h2 { font-size:1.6em }

li>h2 { font-size:1.6em }

li#text-3 h2 { font-size:1.6em }

li#text-3 h2.widgettitle { font-size:1.6em }

li#text-3 h2.sbg_title { font-size:1.6em }

如果您想了解CSS选择器，Sitepoint可以很好地分析它们是什么以及它们如何工作

Answer 4

您可以通过多种方式选择该项目，例如尝试

li#text-3 h2.sbg_title {
     font-size: 1.6em;
}

Answer 5

选项1：
.widgettitle.sbg_title {font-size：1.6em;}

选项2：
.sbg_title {font-size：1.6em;}

选项3：
.widgettitle {font-size：1.6em;}

我怎样才能为这种风格编写Css

5 个答案: