Question

我一直在寻找一种方法来将更小的字体大小应用于侧边栏内容。为此，我做了#sidebar { font-size: 85%}。它将较小的字体大小应用于侧边栏内容。但后来我使用h4作为侧边栏标题并且已经很小了所以我认为不要对它应用较小的标题。

出于上述想法，我搜索了Wordpress小部件内容的任何包装容器或所有小部件内容中可用的任何类，但找不到任何好的解决方案。一种解决方案仅适用于无用的文本小部件。所以，试过CSS解决方案：

我试过CSS选择器：

1

.widget :not([class~=sideheader]) {}

2

.widget :last-child {}

上面似乎以不同的方式应用百分比字体大小。它是从某个地方级联的，应用的字体大小比我使用的要小得多（85％）。当我使用#sidebar或特定的小部件内容类（.related-widget {}）时，它可以完美地运行。

我的问题是：为什么它级联到更低的字体大小而我没有在任何父级上应用任何字体大小？我在尝试之前删除了#sidebar {--smaller--}。字体仅适用于body {}。

Answer 1

解决方案没有直接关系，但我使用WordPress的解决方案here之一并解决了这个问题。那就是在before_widget和after_widget中添加额外的div。