CSS kommentarer (Svenska)

varje programmeringsspråk kan du lägga till anteckningar och andra tips som hjälper dig att förstå vad som händer. Inte alla CSS är så förståeligt vid första anblicken som, säg, något som font-size: 20px, så vissa delar av koden kan dra nytta av att lägga till anteckningar eller andra tips i deras närhet. Här är ett exempel:

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

kommentaren i den här kodraden är den del som säger” för IE6 och IE7 ” och är identifierbar som sådan av föregående backslash följt av en asterisk och asterisken och backslash i slutet.,

Vi kan lägga till så många av dessa till vår stilmall som vi vill, och det är god praxis att använda CSS kommentarer för att identifiera delar av alla stilmallar som kan vara svårt att förstå från en flyktig blick. Genom att använda CSS-kommentarer för att göra våra stilmallar mer läsbara blir CSS lättare att underhålla i framtiden.

en CSS-kommentar kan sträcka sig över flera rader om det behövs. Allt som är mellan öppnings – och stängningskommentartecken kommer att ignoreras av webbläsaren, och så kommer kommentartecknen själva., Så ofta ser du något liknande i en CSS-fil:

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

Lägg märke till att jag i det här exemplet inte bara har inkluderat öppnings-och stängnings-asterisk-och backslash-tecknen, men jag har också lagt till några extra asterisktecken som spänner över flera rader. Detta gör kommentaren lätt att hitta när du bläddrar igenom CSS-filen. Lägg till avsnitt rubriker som detta i CSS för att organisera det i läsbara, relaterade bitar av kod.

tyvärr har CSS inte ett enkelt sätt att presentera en giltig, enkelradig kommentar som bara använder en inledande kommentar teckenkombination., I JavaScript kan du till exempel kommentera en enda rad kod så här:

// This is a JavaScript comment

det här är till hjälp i JavaScript eftersom det gör det enkelt att upphäva en hel rad kod, eller lägga till en bra kommentar, med bara två tecken (backslashesna). Men i CSS är det nödvändigt att använda både öppnings-och stängningstecken för att ange gränserna för eventuella kommentarer.

för snabba, tillfälliga korrigeringar är det dock acceptabelt att skapa en slags faux CSS-kommentar genom att tillämpa principen vi diskuterade i föregående avsnitt om CSS-fel., Låt oss säga att vi har följande CSS:

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

och låt oss säga att vi tillfälligt vill ta bort den första raden (max-width – deklarationen). Vi kan göra det här:

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

det här fungerar bra, men ett snabbare sätt att uppnå samma resultat är helt enkelt att sätta några slumpmässiga tecken i början av raden, som så:

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

det är snabbt och effektivt, men lämna aldrig din CSS Så här på en live-webbplats. Det är inte giltigt CSS och bör endast användas i utveckling för att göra snabb felsökning.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *