Maison >interface Web >tutoriel CSS >Comment puis-je sélectionner des éléments HTML sans classe ou attribut spécifique en CSS ?
Comment puis-je sélectionner des éléments HTML sans classe ou attribut spécifique en CSS ?
- Linda Hamiltonoriginal
- 2024-12-27 09:34:14792parcourir
Sélection d'éléments sans classe ou attribut spécifique
Q : Est-il possible d'écrire un sélecteur CSS qui sélectionne des éléments qui n'ont pas de classe particulière ou un attribut ?
Dans la plupart des cas, c'est réalisable avec la pseudo-classe :not(). Par exemple, étant donné le code HTML ci-dessous, un sélecteur peut être écrit pour sélectionner tous les éléments dépourvus de la classe "printable":
<html>
A: Pour sélectionner les éléments sans la classe "printable" " dans ce cas (c'est-à-dire les éléments nav et a), utilisez le sélecteur suivant :
:not(.printable) {
/* Styles */
}
Pour les attributs CSS, la syntaxe est similaire :
:not([attribute]) {
/* Styles */
}
Considérations pour IE8 et versions antérieures : Notez qu'IE8 et versions antérieures ne prennent pas en charge :not(). Pour contourner le problème, envisagez plutôt de styler les éléments qui ont la classe « imprimable ». Si cette approche n'est pas pratique, vous devrez peut-être modifier votre balisage pour tenir compte de la limitation.
Attention : Selon les propriétés appliquées, l'utilisation de :not() peut avoir un impact inattendu sur les éléments descendants. . Par exemple, définir display: none sur :not(.printable) supprimera l'élément et son sous-arbre de la mise en page, affectant même les éléments descendants qui ont la classe "printable". Soyez prudent lorsque vous appliquez des propriétés potentiellement problématiques et envisagez plutôt d'utiliser la visibilité : masquée.
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!