Question

在我的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%;
}

Answer 1

对于首页/首页，只需提供另一个自定义类名称，然后将padding设置为0即可，否则请输入“！important”。例如，.cstm_home {padding：0！important; }。我希望它能解决您的问题。

Answer 2

我看到的一个简单方法是为主页创建一个不同的样式表。我不确定是否要使用全局样式表，如果要使用，请删除将CSS链接到此页面的行。

一种更为审慎的方法是使用另一种选择器而不是您的段落标签，在您希望以上述方式设置样式的所有段落中添加一个ID，并在您的CSS中使用此ID或任何其他选择器。

干杯！希望对您有帮助。...

Answer 3

我建议在主页的p标签上添加一个类。 HTML应该像

onfocus

css会像这样。

<p class="homepagepara">blah blah blah.....</p>

创建课程后，您可以按需要的方式对这些页面进行样式设置。并且它将仅针对主页段落。希望这可以帮助。如果您还有其他问题，请告诉我

Answer 4

欢迎艾哈迈德。

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

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

因此，您的解决方案是在要遵循CSS规则的段落中添加一个类：

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

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

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

Answer 5

我希望您也分享了HTML。但是一般的答案是，您正在选择html文档中的所有p元素以具有上述填充。因此，它当然适用于页面上的所有地方。

解决方案1：如果它们是单独的html页面，则可以链接单独的样式表，并仅在所需页面中包含填充。

解决方案2：使用CSS选择器更具体。例如，如果帖子的包装div的类为.posts，则按如下所示编写CSS：

.posts p {
  font-size: 21px;
  padding-right: 20%;
  padding-bottom: 10px;
  padding-left: 20%;
}