CSS Comments

in elke programmeertaal kunt u notities en andere hints toevoegen die u helpen te begrijpen wat er aan de hand is. Niet alle CSS is op het eerste gezicht zo begrijpelijk als bijvoorbeeld font-size: 20px, dus sommige secties van de code kunnen profiteren van het toevoegen van notities of andere hints in hun omgeving. Hier is een voorbeeld:

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

het commentaar in deze regel code is het deel dat zegt” voor IE6 en IE7, ” en is als zodanig herkenbaar door de voorgaande backslash gevolgd door een sterretje, en de sterretje en backslash aan het einde.,

We kunnen er zoveel aan onze stylesheet toevoegen als we willen, en het is een goede gewoonte om CSS-opmerkingen te gebruiken om delen van een stylesheet te identificeren die moeilijk te begrijpen zijn vanuit een vluchtige blik. Door het gebruik van CSS opmerkingen om onze stylesheets leesbaarder te maken, zal de CSS gemakkelijker te onderhouden in de toekomst.

een CSS-commentaar kan meerdere regels overspannen indien nodig. Alles wat zich tussen de openings-en afsluitende commentaarkarakters bevindt, wordt door de browser genegeerd, evenals de commentaarkarakters zelf., Zo vaak zie je zoiets als dit in een CSS-bestand:

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

merk op dat ik in dit voorbeeld niet alleen de asterisk-en backslash-tekens heb toegevoegd, maar ook enkele extra asterisk-tekens over meerdere regels. Dit maakt het commentaar gemakkelijk te vinden bij het scrollen door het CSS-bestand. Voeg sectie koppen zoals deze in CSS om te helpen organiseren in leesbare, gerelateerde stukjes code.

helaas heeft CSS geen gemakkelijke manier om een geldige, single-line commentaar te presenteren die alleen een openings commentaar teken combo gebruikt., Bijvoorbeeld, in JavaScript, kunt u een enkele regel code als volgt becommentariëren:

// This is a JavaScript comment

Dit is nuttig in JavaScript omdat het het gemakkelijk maakt om een hele regel code te nullificeren, of een nuttig commentaar toe te voegen, met slechts twee tekens (de backslashes). Maar in CSS is het noodzakelijk om zowel het openen als het sluiten van tekens te gebruiken om de grenzen van eventuele opmerkingen te specificeren.

voor snelle, tijdelijke fixes is het echter acceptabel om een soort faux CSS-commentaar te maken door het principe toe te passen dat we in de vorige paragraaf over CSS-fouten hebben besproken., Laten we zeggen dat we de volgende CSS hebben:

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

en laten we zeggen dat we de eerste regel tijdelijk willen verwijderen (de max-width declaratie). We kunnen dit doen:

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

Dit werkt prima, maar een snellere manier om hetzelfde resultaat te bereiken is gewoon om een aantal willekeurige tekens aan het begin van de regel te plaatsen, zoals zo:

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

Het is snel en effectief, maar laat je CSS nooit zo achter op een live website. Het is niet geldig CSS en moet alleen worden gebruikt in de ontwikkeling voor het doen van snelle debugging.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *