Les attributs `data-*` sont utilisés pour stocker des informations supplémentaires sur un élément HTML. On peut utiliser ces valeurs en CSS en utilisant la fonction `attr()`.
Voici comment vous pouvez le faire :
1. Tout d’abord, ajoutez un attribut `data-*` à un élément HTML. Par exemple :
```
1. Ensuite, dans votre fichier CSS, vous pouvez utiliser l’attribut en utilisant la fonction `attr()` comme ceci :
```
div::after {
content: attr(data-info)
}
```
Dans cet exemple, `attr(data-info)` fera correspondre la valeur de l’attribut `data-info` de l’élément correspondant. Ainsi, “monInfo” sera ajouté après le contenu de chaque élément \`
Remarque : La fonction `attr()` n’est pas entièrement supportée par tous les navigateurs pour d’autres propriétés que `content`, donc son utilisation peut être limitée.
Il est également important de noter que CSS ne peut pas utiliser ces valeurs pour changer le comportement de l’élément (par exemple, changer la couleur de l’arrière-plan en fonction de la valeur). Pour cela, JavaScript serait nécessaire.
