Maison > interface Web > tutoriel CSS > le corps du texte

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

云罗郡主
Libérer: 2018-12-01 11:01:43
original
2606 Les gens l'ont consulté

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.

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

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; }
Copier après la connexion

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();" />
Copier après la connexion

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";
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal