Question

在结帐过程中，此类会被添加到购物车总计中，以表示在用户输入相关信息（例如送货地址）时所做的更新。发生这种情况时，类blockOverlay会显示内联样式。我试图覆盖这些样式，或以某种方式编辑它们。谁知道我可以在哪里调整该元素的CSS？我无法使用外部wordpress样式表覆盖内联样式。

Answer 1

您可以使用!important覆盖内联样式。只需在样式表中为!important元素的样式指定每个属性后添加blockOverlay，如下所示：

.blockOverlay {
     width: auto !important;
     display: block !important;
     //so on...
}

以下是一个例子：

＆＃13;

.blockOverlay {
  background: red !important;
  width: 300px !important;
  height: 50px !important;
}

＆＃13;

<div class="blockOverlay" style="height: 100px; width: 500px; background: blue;"></div>

＆＃13;