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