Commenti CSS

Commenti CSS

I commenti servono a spiegare il codice e possono essere utili in futuro quando editi il codice sorgente.

il browser ignora i commenti.

posizionato <style> i commenti CSS all'interno degli elementi, con /* inizio, con */ fine:

Esempio

/* Questo è un commento a riga singola */
p {
  color: red;
}

Prova tu stesso

Puoi aggiungere commenti in qualsiasi posizione del codice:

Esempio

p {
  color: red;  /* Imposta il testo in rosso */
}

Prova tu stesso

i commenti possono attraversare più righe:

Esempio

/* Questo è
un commento multilinea
commenti */ 
p {
  color: red;
}

Prova tu stesso

commenti HTML e CSS

Da le lezioni di HTML, hai imparato che puoi usare <!--...--> La sintassi dei commenti viene aggiunta nel codice sorgente HTML.

Nell'esempio seguente, abbiamo combinato HTML e commenti CSS:

Esempio

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Imposta il colore del testo in rosso */
} 
</style>
</head>
<body>
<h2>Il mio titolo</h2>
<!-- Questi paragrafi saranno rossi -->
<p>Hello World!</p>
<pQuesto testo è stato impostato con lo stile CSS.</p>
<p>I commenti CSS non verranno visualizzati nell'output.</p>
</body>
</html>

Prova tu stesso