选择要更改字体的选择器

Question

我正试图在此URL上更改“添加到购物车”按钮（绿色的字体）的字体，但我无法做到

我几乎已经对每个选择器进行了尝试，甚至添加了！important，但无所事事，我不明白为什么...

有什么主意吗？

URL：https://www.tresor-ethnique.com/collections/boucles-oreilles/products/boucles-oreilles-case-africaine?variant=6090703339550

我无法控制HTML

代码如下：

span#AddToCartText, .header-cart .cart_button_secure span, #AddToCart, #AddToCartText, .productInfo form .button, .add_to_cart_btn.button, span#AddToCartText add_to_cart_txt_243881705502 {
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

让我知道，谢谢:) 帕斯卡

Answer 1

您的ID包含一些不便的空格：

<span id="AddToCartText add_to_cart_txt_445201055774">Ajouter au Panier</span>

您可以使用

span[id='AddToCartText add_to_cart_txt_445201055774'] {
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
}

我刚刚尝试过document.querySelector("[id='AddToCartText add_to_cart_txt_445201055774']")，它可以工作。