我有两个问题需要您的帮助:
我正在尝试使用 CSS 删除灰色边框,但似乎无法删除它。
我的代码是:
<p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;">
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>
29.00
</span>
<a href="?add-to-cart=511" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart"
data-product_id="511" data-product_sku="plan1" aria-label="Add “Plan 1” to your cart" rel="nofollow">
Add to cart
</a>
</p>
我的 CSS 是:
p.product.woocommerce.add_to_cart_inline {
border:0px;
}
span.woocommerce-Price-amount.amount {
display:none
}
这是我的 JSFiddle。
有人可以让我知道为什么我的 CSS 代码不起作用吗?
在 Chrome 开发者工具中,有没有办法轻松复制 CSS 选择器?
例如,在指出这是选择器之后。
有没有办法轻松复制“p.product.woocommerce.add_to_cart_inline”?
现在我自己手动输入。我很确定应该有一种方法可以将其复制并直接粘贴吗?
更改您的 HTML 代码,您在 htmlp
标签中有内联 css 边框
<p class="product woocommerce add_to_cart_inline " padding: 12px;"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>29.00</span><a href="?add-to-cart=511" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="511" data-product_sku="plan1" aria-label="Add “Plan 1” to your cart" rel="nofollow">Add to cart</a></p>
或者您可以像这样向css添加重要内容:
p.product.woocommerce.add_to_cart_inline {border:none!important;}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句