无法解决woocommerce购物车页面标题中的红色下划线

Question

我找不到任何原因，说明付款细节下方有红色下划线。我正在为我的项目使用wordpress和woocommerce。下划线无法获得任何CSS。请给我任何建议。 我正在使用“ Zerif Lite” wordpress主题。 red underline working website 提前谢谢。

Answer 1

用于类 page-title 的伪选择器：before 来自woocommerce样式

.woocommerce-page .page-title:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 0;
    width: 10%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}

拥有

  

背景：＃e96656;

Answer 2

标题具有使用CSS定义的before元素。如果要删除红线，则可以使用'.woocommerce-page .page-title：before'将背景色设置为透明。

Answer 3

.woocommerce-page .page-title:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 0;
    width: 10%;
    height: 2px;
    margin: auto;
    background: #e96656;
    content: "";
}

使用此类“ .woocommerce-page .page-title：之前”，您可以修改自己的css属性。