在CSS中删除UL中的空白

标题为Suositinta juuri nyt的小部件中的UL有什么问题？在头版、分类和博客文章上，它看起来是错误的，但在类似的页面上，它看起来很好

我试着将CSS与Chrome的Inspect工具进行比较，将所有的差异从正确的页面更改为不正确的页面

最重要的是，我在谷歌上搜索了很多，尝试了不同的边距、填充、线条高度、显示（内联、块、柔性等）组合，当其他组合都很好时，页面就被弄乱了。

好吧，问题是你的

边距底部：40px用于
.archive.post
选择器。我猜这是为了在归档页面上隔开文章摘要，但是，只要你的
ul
项目也有类
post
，它们就会受到这个底部边距的影响

在不了解整个CSS（以及PHP为元素提供类）的情况下，很难为您提供一个好的解决方案，但我想您可以尝试以下可能的解决方案：

如果允许编辑PHP/HTML

只需从小部件上的
li
项中删除类
post

如果您只能编辑CSS

将
.archive li.post{margin bottom:0}
添加到CSS中就足够了。或者您可以修改以下内容：

.blog .post,
.single .post,
.archive .post,
.search .post,
.search .page {
    margin-bottom: 40px
}

为此：

.blog article.post,
.single article.post,
.archive article.post,
.search article.post,
.search article.page {
    margin-bottom: 40px
}

遗憾的是，
.archive li.post{margin bottom:0}
无法工作。PHP使用以下代码为类提供了
//将这些项包装在li的代码中。$classes=join（“”，get_post_class（））；$output.='
”不知道如何修复它，所以我添加了以下内容：
添加过滤器（'post\u class'，'remove\u post\u function'，20）；函数remove_posts_函数（$classes）{if（$key=array_search（'post'，$classes））！==false）unset（$classes[$key]）；返回$classes；}
（复制自[