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