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 különálló CSS fájlban való kommentelésre
CSS kód
/* 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
HTML + CSS kód
<!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. <<