Comment éviter les soulignements lors de la dénomination de la mise en page CSS

Le contenu de cet article consiste à essayer d'éviter les soulignements lors de la nomination des mises en page CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Les amis qui ont utilisé des hacks CSS doivent savoir que nommer avec des traits de soulignement est également un hack. Par exemple, l'utilisation de noms comme "_style" peut rendre la plupart des navigateurs en dehors d'IE La définition. de ce style est ignoré, donc en utilisant "_" comme délimiteur lorsque la dénomination est irrégulière. Un message d'erreur apparaîtra lors de la vérification CSS, évitez donc d'utiliser des traits de soulignement dans les noms.

Pour cela, vous devez trouver un symbole standard qui puisse remplacer le trait de soulignement. Bien sûr, vous n'êtes pas obligé d'utiliser ce genre de séparateur, c'est juste une question d'habitudes personnelles.

J'ai fait un petit test et remplacé les traits de soulignement par "~", "$", "`", "&" et "-". Du coup, seul le signe "-" peut être utilisé. Et le support de js est également normal. Jetez un oeil au test :

Ce qui suit est le contenu cité :

partie css :

Le code est le suivant :

.try-a{ color:#00f; }
.try~a{ color:#00f; }
.try`a{ color:#00f; }
.try&a{ color:#00f; }
.try$a{ color:#00f; }
.try-b{ color:#f00; }
.try~b{ color:#f00; }
.try`b{ color:#f00; }
.try&b{ color:#f00; }
.try$b{ color:#f00; }

partie html :

Le code est le suivant :

<div id="a" class="try-a">try1</div>
<div id="b" class="try~a">try2</div>
<div id="c" class="try`a">try3</div>
<div id="d" class="try&a">try4</div>
<div id="e" class="try$a">try5</div></p> <p><input type="button" value="ok" onclick="b（）；" />

partie js :

Le code est le suivant :

function b（）{
document.getelementbyid（"a"）。classname="try-b";
document.getelementbyid（"b"）。classname="try~b";
document.getelementbyid（"c"）。classname="try`b";
document.getelementbyid（"d"）。classname="try&b";
document.getelementbyid（"e"）。classname="try$b";
}

Le résultat est que "try1" devient Il devient rouge et l'affichage est normal. Cependant, dans la définition CSS, le sélecteur d'identifiant est souvent utilisé. Si "_" est utilisé dans le nom de l'identifiant sur la page, le soulignement "_" apparaîtra inévitablement dans le style CSS, vous devez donc faire attention à l'identifiant ici. . Évitez également d'utiliser des traits de soulignement dans les noms.

Ce qui précède vise à éviter les soulignements lors de la nomination des mises en page CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!