伪类:以前不工作在特定按钮上

时间:2019-09-25 作者:Lucas

目前,我正在构建一个电子商务,一个小按钮正在运行伪类:before 突然停止工作。该网站与Divi和Woocomerce一起运行WP。我希望下面的代码重新运行:

.woocommerce-page ul.products li.product .button.add_to_cart_button:before,
.woocommerce ul.products li.product .add_to_cart_button:before {
    color: inherit;
    Font-family:ETmodules;
    content: "\\e015" !important; 
}
在出现错误之前,我所做的唯一一件事就是添加这些CSS规则以提高网站可用性:

.et-cart-info{color: #ee4b4b !important; font-weight:bold !important;}

.gfields{font-size:16px; color:#232323; text-transform: uppercase;}

.woocommerce-message[role="alert"]{color: red !important; border-color: red !important;}
这么小:before 必须工作,因为是“添加到购物车”图标。我已经测试了很多方法,但都不管用。如果需要PHP spippet,则没有问题。

链接到页面:Page with the problem

我想支持此图标:Example icon here

1 个回复
SO网友:SohRonery

由于某种原因,在:before 您的按钮。以下内容可以解决此问题。

.woocommerce-page ul.products li.product .button.add_to_cart_button:before,
.woocommerce ul.products li.product .add_to_cart_button:before {
    display: block;
}

相关推荐

我的脚本-bundle.js文件将作为样式表CSS文件发送到浏览器。帮助!

我是WordPress自定义主题开发的新手。我正在为OceanWP使用儿童主题。我有一个网页包设置来热加载我的文件,但我的js脚本没有被发送到我的WordPress站点,而是作为CSS样式表发送,然后Chrome给我以下警告:Resource interpreted as Stylesheet but transferred with MIME type application/javascript: 当我检查警告时,索引。html文件错误地显示了此链接标记,从而生成了我的脚本包。js文件转换