I selettori CSS
numero 2 - attributi
alt="Home page"
alt="Cart"
alt="Contact"
Nel codice HTML della pagina sono presenti tre immagini.
Si vuole impostare un bordo bianco di 2px all'immagine che rappresenta la home page, selezionandola in base all'attributo alt.
Il codice CSS corretto da utilizzare è:
img[alt=Home page]{
border: 2px solid white;
border-radius: 50px;
}
img[alt~=page]{
border: 2px solid white;
border-radius: 50px;
}
img[alt]{
border: 2px solid white;
border-radius: 50px;
}
Risposta esatta!
La sintassi utilizzata è elemento[attributo~=valore]
Il simbolo della tilde (~), che precede l'uguale, indica che deve essere selezionato un elemento che contenga tra i valori dell'attributo quello indicato.
In questo caso il bordo viene applicato all'immagine con attributo alt che contiene la parola page.
La sintassi utilizzata è elemento[attributo~=valore]
Il simbolo della tilde (~), che precede l'uguale, indica che deve essere selezionato un elemento che contenga tra i valori dell'attributo quello indicato.
In questo caso il bordo viene applicato all'immagine con attributo alt che contiene la parola page.