Cibler les éléments ayant un data-action

Bonjour à tous,

J'aimerais que tous les bouton qui ont l'attribut data-action=close

Code:

---

<button type="button" class="btn slide-menu__control" data-action="close">Fermer</button>

---

aient une croix avant

J'ai essaxé ceci sans succès, mais je ne dois pas être lojn

Code:

---

1 2 3 4

.slide-menu .controls a[data-action="close"]::before { content: "✕"; margin-right: .5rem; }

---

Ou ets l'erreur?

bien entendu, si je cible un a alors que j'ai un bouton, ca ne va pas marcher

solution:

Code:

---

1 2 3 4

.slide-menu .controls button[data-action=close]::before { content: "✕"; margin-right: .5rem; }

---