CSS Kommentarer

hvert programmeringssprog giver dig mulighed for at tilføje noter og andre tip, der hjælper dig med at forstå, hvad der foregår. Ikke alle CSS er lige så forståelige ved første øjekast som noget som font-size: 20px, så nogle sektioner af kode kan drage fordel af at tilføje noter eller andre tip i deres nærhed. Her er et eksempel:

.cf { zoom: 1; /* for IE6 and IE7 */}

kommentaren i denne kodelinje er den del, der siger “for IE6 og IE7”, og kan identificeres som sådan ved det foregående backslash efterfulgt af en stjerne og asterisk og backslash i slutningen.,

Vi kan tilføje så mange af disse til vores stylesheet, som vi vil, og det er god praksis at bruge CSS-kommentarer til at hjælpe med at identificere dele af ethvert stylesheet, der kan være vanskeligt at forstå fra et kortvarigt blik. Ved at bruge CSS-kommentarer til at gøre vores stylesheets mere læsbare, vil CSS være lettere at vedligeholde i fremtiden.

en CSS-kommentar kan om nødvendigt spænde over flere linjer. Alt, hvad der er i mellem åbning og lukning kommentar tegn vil blive ignoreret af browseren, og så vil kommentaren tegnene i sig selv., Så ofte vil du se noget som dette i en CSS-fil:

/*******************************************************These are the styles forthe header section*******************************************************/

Bemærk at i dette eksempel, ikke blot har jeg medtaget åbning og lukning stjerne og skråstreger, men jeg har også tilføjet nogle ekstra stjerne tegn, der spænder over flere linjer. Dette gør kommentaren let at finde, når du ruller gennem CSS-filen. Tilføj sektionsoverskrifter som denne i CSS for at hjælpe med at organisere det til læsbare, relaterede bidder af kode.

desværre har CSS ikke en nem måde at præsentere en gyldig enkeltlinjekommentar, der kun bruger en åbningskommentarekombination., For eksempel, i JavaScript, kan du kommentere en enkelt linje kode som dette:

// This is a JavaScript comment

Dette er nyttigt i JavaScript, fordi det gør det nemt at ophæve en hel linje af kode, eller tilføje en hjælpsom kommentar, med kun to tegn (det omvendte skråstreger). Men i CSS er det nødvendigt at bruge både åbnings-og lukketegn til at angive grænserne for eventuelle kommentarer.for hurtige, midlertidige rettelser er det imidlertid acceptabelt at oprette en slags Fau.CSS-kommentar ved at anvende det princip, vi diskuterede i det foregående afsnit om CSS-fejl., Lad os sige vi har følgende CSS:

.center-global { max-width: 1020px; margin: 0 auto;}

Og lad os sige, at vi ønsker at midlertidigt at fjerne den første linje (max-width erklæring). Vi kunne gøre dette:

.center-global { /* max-width: 1020px; */ margin: 0 auto;}

Det virker fint, men er en hurtigere måde at opnå det samme resultat er ganske enkelt at sætte nogle tilfældige tegn i starten af den linje, som så:

.center-global { AAAAmax-width: 1020px; margin: 0 auto;}

Det er hurtig og effektiv, men du behøver ikke nogensinde at forlade din CSS som dette på en levende hjemmeside. Det er ikke gyldigt CSS og bør kun bruges i udvikling til hurtig fejlfinding.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *