Utilisation de: target pour l'attribut de données dans CSS

Question

J'ai une ancre qui lie à un élément en utilisant des attributs de données pour lesquels des styles spéciaux sont requis lorsqu'ils sont ciblés.

Ma logique

span[data-anchor="my-data"]:target { 
    /* styles */ 
} 

<a href="#my-data">anchor</a> 

<span data-anchor="my-data">My Data</span> 

J'utilise Shortcodes ultime (WP) https://gndev.info/shortcodes-ultimate/

Answer 1

: cible fonctionne sur l'ancre ne active pas vraiment besoin d'un sélecteur

essayez quelque chose comme:

html:

<a href="#my-data">anchor</a> 
<span id="my-data">My Data</span> 

css:

:target { 
    background-color: red; 
} 

voir un exemple de travail ici- https://jsfiddle.net/0fkh8n09/