Коментари се користе у ЦСС-у (Каскадни стилски листови) за додавање појашњења или подсетника у код који прегледач игнорише приликом приказивања веб странице. Коментари се могу користити за објашњење вашег ЦСС кода, давање контекста другим програмерима или себи и привремено искључивање одређених делова кода без њиховог потпуног уклањања.

ЦСС коментари се пишу између /* и */. Ево примера:

 /* This is a CSS comment */ 

Коментари се могу појавити у једном реду или неколико редова:

 /* This is a multi-line CSS comment */ /* This is another multi-line comment */ /* This is a single-line CSS comment */ 

Било где у ЦСС коду, као што су селектори, декларације својства или блокови, могу да садрже коментаре:

 /* This is a comment inside a selector */ h1 { /* This is a comment within a property declaration */ color: blue; font-size: 24px; /* This is a comment after a property */ } /* This is a comment before a block */ /* h2 { color: red; } */ 

Као што је већ поменуто, прегледач игнорише коментаре и немају утицаја на то како се веб страница приказује. Они су присутни само због организације кода и читљивости. Користите коментаре да разјасните компликоване делове, објасните разлоге иза специфичних ЦСС правила или дате упутства за предстојеће промене.

НАПОМЕНА: Коментари су и даље видљиви свима који погледају изворни код странице. Стога, уздржите се од укључивања деликатних или приватних информација у коментаре.

Зашто користимо коментаре у ЦСС-у?

Постоји неколико употреба ЦСС коментара, као што су:

Документација:ЦСС коментари се користе за обезбеђивање документације. Они вам омогућавају да објасните зашто се користе одређени стилови, да дају упутства или белешке другим програмерима који би могли да раде на бази кода, или чак да се подсетите на одређене идеје или делове кода. Ваш ЦСС код је лакши за читање и одржавање када се користе коментари.Код привременог онемогућавања:ЦСС код се може привремено онемогућити без уклањања коришћењем коментара. Ово може бити корисно када се изолују одређене ЦСС компоненте за тестирање различитих опција стила или решавање проблема. Оставите коментар да видите како код утиче на веб страницу без уклањања.Сарадња:Коментари помажу програмерима да раде заједно. Када радите у групи, коментари се могу користити за дељење мисли, давање предлога или дискусију о одређеним сегментима ЦСС кода. Они омогућавају члановима тима да схвате и процене рад једни других.Будућу употребу:Када поново погледате код у будућности, коментари ће вам помоћи да запамтите циљ или оправдање одређених стилова. Они дају контекст који вам може помоћи да извршите прилагођавања или решите проблеме и уштедите време.Организација и читљивост:Можете користити коментаре да разбијете свој ЦСС код на логичке одељке или да нагласите критичне пасусе. Они чине ваш ЦСС код читљивијим и добро организованим, чинећи га лакшим за навигацију и разумевање.

Ваш ЦСС код ће бити лакши за читање, одржавање и сарадњу ако ефикасно користите коментаре. Они су кључни алат за организацију и документацију за код.

Недостаци ЦСС коментара

Иако ЦСС коментари имају многе предности, али имају и неколико недостатака, као што су:

Код надимања:Додатни или непотребни коментари могу повећати величину датотеке вашег ЦСС кода. Модерне брзине мреже можда неће бити значајно погођене, али и даље могу довести до споријег времена учитавања, посебно за велике ЦСС датотеке.Застарели коментари:Како се код развија и мења током времена, коментари могу постати датирани или престати да тачно описују стање кода какво је данас. Застарели коментари могу да буду варљиви и да изазову забуну или погрешне претпоставке када радите са базом кода.Трошкови одржавања:Одржавање коментара захтева време и труд. Програмери морају да осигурају да су коментари актуелни и релевантни када праве промене кода.Потенцијални неред кодова:Организовање или претерани коментари могу довести до затрпаности кода, што отежава читање и разумевање. Може бити тешко одвојити важне информације од буке ако су коментари лоше структурирани или форматирани или имају превише непотребних коментара.Дуплицирање кода:Када се очигледан код објашњава у коментарима, то може довести до непотребног дуплицирања и умањити сажетост кода. У идеалном случају, коментари би требало да нуде додатне информације или оправдања која морају бити очигледнија из кода.