Selettore CSS [atr]

Pagina di prova del selettore di un elemento con un certo attributo o un attributo con un certo valore

NON supportato da Internet Explorer 6

Articolo completo sui selettori CSS su css.FlepStudio.org

Ritorna alla lista delle pagine di prove dei selettori css su Onsitus.it.

1. Esempio per un paragrafo con attributo id senza un valore specifico

Regola css:

p[id]{
font-style: italic;
color: red;
}

Sono un paragrafo con un attributo id
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Sono un paragrafo senza un attributo id
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

2. Esempio per un paragrafo con attributo class ed un valore specifico

Regola css:

p[class="selezionato"]{ font-style: italic;
color: red;
}

Sono un paragrafo con un attributo class di valore 'selezionato'
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Sono un paragrafo con un attributo class di valore differente di 'selezionato'
Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Sono un paragrafo senza un attributo class
Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Sono un secondo paragrafo con un attributo class di valore 'selezionato'
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.