commentaires¶
Il est possible d’utiliser des commentaires en CSS. Une seule forme de
commentaire est possible, monoligne ou multiligne, en délimitant ceux-ci
à l’aide des séparateurs /*
et */
respectivement pour le début
et la fin. [1]
exemple¶
@media (max-width: 320px) {
/* lorsque la taille du viewport
est inférieure à 320px */
body {
/* la taille de la typo est à 12px **/
font-size: 12px;
}
}
Note
Il n’existe pas de commentaire monoligne en CSS. On utilise parfois //
mais il ne s’agit pas de commentaire à proprement parler : cela génère une erreur et les navigateurs tendent alors à ignorer la ligne concernée, un peu comme un commentaire.
Par exemple, le CSS suivant :
body {
//background:white;
}
Génère l’erreur suivante :

On pourrait tout aussi bien enlever le second /
ou même utiliser le code suivant pour obtenir le même résultat :
body {
!background:white;
}

[1] | “Comments begin with the characters « / » and end with the characters « / ».” – “Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification – 4 Syntax and basic data types.” Edited by Bert Bos et al., Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification – 4 Syntax and basic data types, W3C, 12 Apr. 2016. |