Utilizzare i valori degli attributi dei dati nei CSS può essere molto utile per personalizzare lo stile di elementi specifici basati sui loro attributi. È possibile selezionare un elemento in base al suo attributo data-\* utilizzando la sintassi [data-attribute=‘value’].
Ad esempio, se si dispone di un elemento con la seguente struttura:
```
È possibile selezionarlo nel CSS utilizzando l’attributo data e il suo valore:
```
div[data-status=‘active’] {
background-color: green;
}
```
Nell’esempio di cui sopra, tutti i div con data-status=“active” avranno uno sfondo verde.
Inoltre, se si desidera selezionare tutti gli elementi che hanno un certo attributo data, indipendentemente dal valore, si può utilizzare la seguente sintassi:
```
div[data-status] {
border: 1px solid black;
}
```
Nell’esempio di cui sopra, tutti i div che hanno un attributo data-status riceveranno un bordo nero.
