css - 某些类不再有效但显示在 css 和 html 中

Question

创建了我的第一个 wordpress 网站，直到今天，一切都已设计好并正常工作。我们添加了一个 ssl，将所有内容都切换到了 https，从那时起我的几个 css 类就不再起作用了。他们中的大多数人都这样做，但我对推荐页面上特定表格的样式和表格的媒体查询不再有效。

检查站点上的 html 和 css 时，html 显示元素上的类，css 文件显示类及其元素，但未应用这些类。 The testimonals page带有图像和按钮的表格居中并且按钮与图像重叠但现在没有显示。

这个表的CSS是:

table.test {
  width: 66%;
  margin: auto;
}
td.nopad {
  padding: 0 !important;
  margin: auto;
  text-align: center !important;
}
td.nopad-btn {
  padding: 0 !important;
  margin:auto;
  text-align: center !important;
  position: relative;
  top: -10px;
}

和 html:

<table class="test">
  <tr>
    <td class="nopad"><img src="https://eyealivedrops.com/wordpress/wp-content/uploads/2015/11/group-people.jpg" alt="group-people" width="290" height="199"  /></td>
    <td class="nopad"><img src="https://eyealivedrops.com/wordpress/wp-content/uploads/2015/11/pets.jpg" alt="pets" width="290" height="199" /></td>
  </tr>
  <tr>
    <td class="nopad-btn"><a href="#people" class="button">People Testimonials</a></td>
    <td class="nopad-btn"><a href="#pets" class="button">Pet Owner Testimonials</a></td>
  </tr>
</table>

但是，网站没有在页面上显示这些样式，我不明白为什么......

This is the link to the full css file, in case its something somewhere else预先感谢任何对此进行调查的人，我一直在查看此处的问答，但找不到适合我问题的任何其他内容。

Answer 1

您的 CSS 文件中有错误...

@media screen and (max-width: 767px) {
    table:not(.shop_table.woocommerce-checkout-review-order-table, .shop_table.cart {
        display: block

;
}

您忘记关闭 )，因此您的其余 CSS 无法正确加载。

它与 http 或 https 无关，因为它在这两种情况下都失败了。您可能有更多的 CSS 问题...我会进一步查看。

更新

你也有这个错误:

.product-total {
    padding: 0, 10px, 10px, 10px;
}

应该是:

.product-total {
    padding: 0 10px 10px 10px;
}

更新 2

这里还有一个错误:

button.button,
input.button,
a.button,
input.wpcf7-form-control.wpcf7-submit {
    background: #AABBD4 !important;
    background-image: -webkit-linear-gradient(#AABBD4, #4873A6);
    background-image: linear-gradient(#AABBD4, #4873A6) !important;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    text-shadow: 1px 1px 3px #666666;
    font-family: 'Lato', 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    line-height: 95%;
}

-webkit-border-radius 缺少度量单位:28； -moz-border-radius: 28; 我假设应该是 px