CSS在Firefox中有效，而不在Chrome中有效

Question

我最近通过CSS调整了div的宽度。 它适用于Firefox，但不适用于Chrome。

这是代码：

.the_content {
    padding-left: 60px !important;
    padding-right: 40px !important;
}

.the_content {
    padding-left: 60px !important;
    padding-right: 40px !important;
}

.the_content.post.type-post.hentry.excerpt.clearfix {
    padding-left: 60px;
    padding-right: 40px;
}

我是否缺少Chrome无法接听的内容？

谢谢，

Answer 1

提供HTML以使问题更清晰。 您在多个地方重复了CSS类。

尝试这个：

.the_content
 {
 padding-left: 60px !important;
 padding-right: 40px !important;
 }

 .the_content.post.type-post.hentry.excerpt.clearfix {
  padding-left: 60px;
  padding-right: 40px;
 }

Answer 2

您发布的代码的第一行

.the_content post type-post hentry excerpt clearfix /* Remove spaces if this is a single class style. if multiple user ","*/

没有大括号和大括号，这将使其下方的所有设置无效。

如果您将有一个空白链接，但带有样式名称

.the_content post type-post hentry excerpt clearfix {} /*<------------*/
.the_content {
    padding-left: 60px !important;
    padding-right: 40px !important;
}

.the_content {
    padding-left: 60px !important;
    padding-right: 40px !important;
}

.the_content.post.type-post.hentry.excerpt.clearfix {
    padding-left: 60px;
    padding-right: 40px;
}