css - 如何仅更改首页/首页的CSS填充

在我的website上，添加了以下代码，这些代码仅旨在应用于我的帖子，例如this。

@media screen and (min-width: 767px) {
p {
font-size: 21px;
padding-right: 20%;
padding-bottom: 10px;
padding-left: 20%;
}
}

显然，它已应用于网站上的所有页面。在某些页面上还可以，但是homepage/frontpage在计算机上混乱了。如果向下滚动，则帖子下方的摘录（说明）将应用这些边距。

我该如何进行上述更改，仅适用于帖子而不适用于首页/首页？为了清楚起见，我想从首页/首页中删除这些填充。我想让他们留在我的职位上。

这是人们给我的没用的建议之一。如果我将这个数字从20％降低，则什么也没有发生。如果我增加填充，边距将变大，就好像最小值设置为20％。

.home .posts-loop .entry-summary{
  font-size: 21px;
  padding-right: 20%;
  padding-bottom: 10px;
  padding-left: 20%;
}

最佳答案

欢迎艾哈迈德。

人们给你的建议没有用，这与类名有关（注意名称之前的要点：.home | .ports-loop | .entry-summary。这表明是类）。

在第一个样本中，您仅使用p。这会影响所有p html元素。

因此，您的解决方案是将一个类添加到您想要使用CSS规则的段落中：

<p id="xxxx" name="xxxx" class="SomeClass">

然后，在CSS代码中，使用.SomeClass {...}设置要应用的规则。

此规则应仅应用于设置为class =“ SomeClass”的元素，而不应用于其他元素。

关于css - 如何仅更改首页/首页的CSS填充，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54790989/