CSS komment, azaz megjegyzés használata (CSS comments)

A CSS kommentek segítségével megjegyzéseket fűzhetünk a CSS dokumentumunkba.

CSS komment, azaz megjegyzés használata (CSS comments) című cikk nyitóképe

CSS komment, azaz megjegyzés használata (CSS comments)

Úgy, ahogy a HTML nyelvben, úgy a CSS-ben is van lehetőségünk, hogy a CSS kódunkat kommentekkel, megjegyzésekkel egészítsük ki. Ezek a megjegyzések, kommentek csak nekünk segítenek, a böngésző nem nézi őket, meg sem próbálja értelmezni őket.

Miért szükséges kommenteket használnunk a CSS dokumentumunkban?

Azt fontos hozzátenni a témához, hogy egyáltalán nem kötelező CSS megjegyzéseket tennünk a CSS dokumentumunkba, de mindenképpen ajánlott. Már pedig azért ajánlott, mert ha egy nagyon hosszú kódot írunk, rengeteg stílusbeállítással, akkor a kódunk egy idő után már nagyon nehezen lesz átlátható és értelmezhető, még számunkra is. Főleg, ha hónapokkal később próbáljuk elemezni a kódot. Ilyenkor óriási segítségek lehetnek a CSS dokumentumban hagyott kommentek, megjegyzések.

CSS kommentek használata

A kommenteket a CSS fájlba kell tennünk vagy a <STYLE> nyitó és zárópárja közé.

Szintaktika

/* Ide jön a megjegyzés. */
Code language: JSON / JSON with Comments (json)

Példa

Példa különálló CSS fájlban való kommentelésre

CSS

/* Ezzel a kóddal az összes p elemet pirossá színezem. */

p {
   color: red; /* De akár ide is kommentelhetek. */
}
Code language: CSS (css)

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

Példa HEAD-ben lévő CSS kommentelésére

Példa

HTML+CSS

<!DOCTYPE html>
  <HTML>
     <HEAD>
         <STYLE>
            /* Ezzel a kóddal az összes p elemet pirossá színezem. */

p {
   color: red;
}
         </STYLE>
     </HEAD>
     <BODY>
         <p>Első p.</p>
         <p>Második p.</p>
     </BODY>
  </HTML>
Code language: HTML, XML (xml)

Eredmény

Első p.

Második p.

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!