Bonjour,

dans un document html j’ai une div ayant un nom de classe qui comporte un caractère accentué. Le code HTML est valide, mais quand j’essaye dans un fichier CSS d’utiliser ce nom de classe, le fichier CSS lui n’est pas valide. Y a-t-il un moyen de le rendre valide ?

Voici un exemple minimaliste de mon problème :
j’ai une page html :

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8"/>
		<title>titre</title>
		<link href="test.css" rel="stylesheet" type="text/css"/>
	</head>
	<body>
		<div class="café">
			couleur café
		</div>
	</body>
</html>


Elle est valide selon le w3c

Quand je veux changer la couleur de la div café, j’écris la page css suivante :

@charset "UTF-8";
.café {
  color:saddleBrown
}

mais cette fois-ci la page css ne passe pas au validateur du w3c.
Modifié par adrien881 (25 Feb 2016 - 10:06)
Modérateur
Bonjour,

Essaie de valider en choisissant l'onglet "par chargement de fichier", et il faut bien sûr que ton fichier css soit encodé en UTF-8.

Si tu copies directement ton code dans le formulaire "par saisie directe", le validateur semble ne pas comprendre que c'est encodé en utf-8.

Amicalement,