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

css适用于Firefox，而不适用于Chrome

2 个答案: