css - 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;
}