Comment et pourquoi nous ajoutons des commentaires en CSS

Commentaires CSS

Les commentaires sont utilisés pour expliquer le code et peuvent vous aider lorsque vous modifiez le code source ultérieurement. Les commentaires sont ignorés par les navigateurs. Un commentaire CSS est placé à l'intérieur du champ élément, et commence par /* et se termine par */:

Exemple

/* This is a single-line comment */ p { color: red; }

Vous pouvez ajouter des commentaires où vous le souhaitez dans le code :

Exemple

p { color: red; /* Set text color to red */ }

Même au milieu d'une ligne de code :

Exemple

p { color: /*red*/blue; }

Les commentaires peuvent également s'étendre sur plusieurs lignes :

Exemple

/* This is a multi-line comment */

p { color: red; }

Différence entre les commentaires HTML et les commentaires CSS

En HTML, tous les commentaires sont techniquement multilignes. En CSS, les commentaires sur une seule ligne commencent par // et se terminent à la fin de la ligne, tandis que les commentaires sur plusieurs lignes commencent par /* et se terminent par */ Les commentaires CSS fonctionnent de la même manière que les commentaires HTML. La différence entre eux est que les commentaires CSS sont désignés par les symboles /* ... */, tandis que les commentaires HTML sont entourés de <!

Comment ajouter des commentaires en CSS

En CSS, nous pouvons ajouter des commentaires pour expliquer ou organiser différentes sections de votre feuille de style. Cela peut sembler une étape superflue dans le processus de codage, mais les commentaires peuvent être extrêmement utiles lors du débogage ou de la refonte de votre site Web.