0

嗨，我尝试编辑 wordpress 主题的 css，但是当我看到这个 DIV 样式时我被卡住了。

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

当我想要：标题标题：字体大小：1.6em;时如何制作CSS

太感谢了。

4

5 回答 5

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

解释：

.是 css 中的类选择器，你h2有 classwidgettitle和sbg_title，所以我们想通过使用来选择这两个.。

widgettitle请注意，和 next之间不能有任何空格.，有空格意味着完全不同的事情，即选择具有类的任何后代widgettitlesbg_title

于 2012-04-13T09:24:21.397 回答
2

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

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

或者如果你想更具体

h2.widgettitle .sbg_tittle
于 2012-04-13T09:25:46.673 回答
2

有很多方法可以做到。这些中的任何一个都可以工作，而且还有更多方法可以做到！

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可以很好地分解它们是什么以及它们是如何工作的

于 2012-04-13T09:29:10.713 回答
0

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

li#text-3 h2.sbg_title {
     font-size: 1.6em;
}
于 2012-04-13T09:27:30.533 回答
0

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

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

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

于 2012-04-13T09:28:16.733 回答