Selettore "class"

Nel linguaggio HTML esistono due attributi globali da poter attribuire a tutti gli elementi:


La differenza tra i due selettori è minima ma importante. Se agiamo su tutti gli elementi di una pagina HTML usiamo il selettore class, se agiamo su un unico intervento usiamo il selettore id. 


Si possono specificare gli attributi class senza che modificano la pagina se non vengono applicati. Nella programmazione HTML si possono inserire, ma se non vengono mai richiamati non accadrà niente ai vostri elementi. E' uso da parte di diversi sviluppatori, preimpostare una serie di CSS class e id, come prima cosa, anche se alcuni degli elementi detti non verranno mai utilizzati.

Un esempio semplice è questo che definiamo:

.paragrafotesto {color: blue;}


Applichiamo al HTML del nostro testo Lorem Ipsum:

             
<p class="paragrafotesto"> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>


Che diventa infine questo:


Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.


Possiamo applicarlo a diversi elementi:
             
<p class="paragrafotesto">...</p>
<div class="paragrafotesto">...</div>
<ul class="paragrafotesto">...</ul>


Se inseriamo più nomi di seguito dovranno essere separata da un punto, ad esempio pensiamo al paragrafo con sfondo bianco e testo nero e a un paragrafo con lo sfondo nero e il testo bianco. 

Quando andremo a definirli potremmo:

             
.paragrafo.sfondo.bianco.testo.nero
.paragrafo.sfondo.nero.testo.bianco


Quando andremo a richiamarli scriveremo:
             
<p class="paragrafo sfondo bianco testo nero">...</p>
<p class=".paragrafo sfondo nero testo bianco">...</p>

Nessun commento:

Posta un commento

Ti ringrazio per ogni commento, appunto, modifica o richiesta di chiarimento. Mantenendo sempre un tono civile. Ogni commento che non rispetta tali regole, sarà eliminato, sopratutto se fatto in maniera anonima. TI ricordo che cerchiamo nuovi collaboratori o appunti, per implementare il materiale presente sul sito.

Related Posts Plugin for WordPress, Blogger...