a:hover Why is it called a "pseudo-class"?Are there any similarities with the concept of "class"?
5 Réponses :
C'est pseudo em> parce que vous ne l'avez pas fait; Le navigateur "créé" et vous permet de la définir pour changer l'apparence du lien quand c'est dans cet état. P>
Mais pourquoi est-ce une classe? Si vous ne pouvez que survoler ou une zone de l'écran à la fois, un seul P peut prendre la règle CSS à tout moment. La classe n'implique pas plusieurs éléments appartenant à un groupe commun et une règle de style de classe signifie que chacun d'entre eux héritera de cette règle?
@Anthony: La pseudo-classe peut être supposée comme un état. Et chaque élément qui a l'état Hover i> peut être classé par : plancher code>. Ainsi, chaque fois qu'un élément
a code> obtient l'état survolez i>, il peut être sélectionné avec
: survol code>.
en termes CSS, une classe est un sélecteur qui commence par une butée complète, par exemple
<div class="foo">
du Sélecteur Sélecteur W3CC CSS2 : p>
CSS introduit les concepts de pseudo-éléments et de pseudo-classes pour permettre le formatage basé sur des informations situées à l'extérieur de l'arbre de document. P>
pseudo-éléments crée des abstractions sur l'arbre de document au-delà de ceux spécifiés par la langue du document. Par exemple, les langues de document n'offrent pas de mécanismes permettant d'accéder à la première lettre ou à la première ligne de contenu d'un élément. Les pseudo-éléments CSS permettent aux concepteurs de feuille de style de se référer à cette information par ailleurs inaccessible. Les pseudo-éléments peuvent également fournir des concepteurs de tôles de style un moyen d'attribuer un style au contenu qui n'existe pas dans le document source (par exemple, les: avant et: après les pseudo-éléments donnent accès au contenu généré). P> li>
pseudo-classes classez des éléments sur les caractéristiques autres que leur nom, leurs attributs ou leur contenu; dans les caractéristiques de principe qui ne peuvent pas être déduites de l'arbre de document. Les pseudo-classes peuvent être dynamiques, dans le sens où un élément peut acquérir ou perdre une pseudo-classe pendant qu'un utilisateur interagit avec le document. Les exceptions sont ": premier enfant", qui peuvent être déduites de l'arbre de document et ': lang ()', qui peut être déduit de l'arbre de document dans certains cas. P> li> ul> blockQuote>
Donc, fondamentalement, une pseudo-classe est quelque chose que vous pouvez attacher un style à, mais vous ne l'imprimez jamais dans le HTML. En outre, un pseudo-clas peut être acquis et perdu en fonction de l'interaction de l'utilisateur avec l'interface utilisateur. Strong> p>
avec CSS2 / 3 permettant des règles d'élément plus sophistiquées (des choses comme l'entrée [TYPE = Cochez la case] et similaire, le terme pseudo-classe semble de plus en plus daté. P>
Cependant, les pseudo-classes sont les seuls identifiants de CSS qui changent de manière fiable avec des interactions utilisateur. Avec les sélecteurs d'attributs et ce qui n'est pas, la plupart des navigateurs ont tendance à accéder à l'état de tous les éléments de la charge de la page et de toute modification apportée sont ignorées. Mais avec des pseudo-classes, ils changent de style lorsque le pseudo-classe devient vrai (ou faux). P>
Ainsi, avec cette définition spécifique à l'esprit, ce sont des cours car la règle s'applique à tout élément partageant le même "État" et peut donc être considéré comme une "classe", mais c'est pseudo parce que ce n'est pas un véritable attribut -défini de la classe et parce que la "classe" peut ou non être vraie à un moment donné, la page est visualisée. P>
Il est également intéressant de noter que je pense que avec certaines pseudo-classes basées à l'interface utilisateur (je pense spécifiquement de : plancher code>) Un seul élément à tout moment peut vraiment avoir cela " Classe "Donc, c'est presque plus d'un pseudo-identifiant, basé sur ma définition ci-dessus. P>
J'aimerais penser qu'ils s'appellent des pseudo classes parce qu'ils n'étaient pas explicitement définis par l'auteur, mais sont plutôt une sorte de construction logique ou mentale au moins du point de vue de l'auteur ou même de l'agent utilisateur. p>
Suivre la métaphore de la famille souvent employée dans la compréhension des documents HTML, vous pouvez imaginer des éléments qui pensent à eux-mêmes des choses comme bien le premier enfant, je suis un div et aussi le 4ème enfant (ce qui signifie que ma position est même même) .. .et comme pour des choses comme la planant qui sont induites par l'utilisateur que l'on puisse imaginer que lorsque l'étiquette ou quel que soit l'élément survolé, il est instantanément regroupé parmi les choses touchées et que le style correspondant sera appliqué ... et si possible survoler sur deux éléments en même temps qu'ils pensaient simultanément aux thèmes que nous avons été touchés et appartiennent ainsi à la classe (survolée sur des choses) et donc les deux styles p>