Oui, vous pouvez généralement vous fier à la spécificité dans CSS. Si vous n’êtes pas familier avec CSS, cela se résume à ceci : si vous avez plusieurs styles ciblant le même élément, le style le plus spécifique l’emportera.
<div class="custom-container">
<a class="custom-link">lien ici</a>
</div>
Donc, ce que vous devrez rechercher, c’est si l’élément (ou un élément parent) dans le composant que vous essayez de modifier possède une classe unique quelque part… quelque chose comme :
Dans l’exemple ci-dessus, soit .custom-link, soit, s’il n’y a pas de classe directe sur l’élément, en utilisant le parent comme .custom-container a. Si le composant a le style défini à l’origine comme .custom-link, vous pouvez vous assurer qu’il est remplacé en ciblant plus spécifiquement a.custom-link.
S’il n’y a pas de classe unique quelque part dans le composant, vous devriez également pouvoir utiliser le conteneur de la prise de plugin. Lorsqu’une prise de plugin est utilisée dans une personnalisation, une classe personnalisée est ajoutée au conteneur. En reprenant l’exemple du style d’un lien, cela pourrait ressembler à .above-site-header-outlet.brand-header a où “brand-header” est le nom du modèle ajouté à partir du composant.
Dans le pire des cas, vous pouvez également demander à la personne qui a créé le composant d’ajouter une classe si vous ne trouvez pas de moyen facile de styliser ce dont vous avez besoin.
Si c’est difficile à suivre, donner un exemple spécifique du composant que vous essayez de styliser serait utile.