Dévoilement des contraintes de la propriété CSS :after
Le pseudo-élément CSS :after ajoute du contenu après le contenu d'un élément dans le document arbre. Cependant, son applicabilité soulève des questions.
Element Restrictions
La spécification CSS indique que :after peut être appliqué au contenu avant ou après le contenu de l'arborescence d'un élément, apparemment sans restrictions. Pourtant, dans la pratique, certains éléments, tels que les images (), les entrées () et les tableaux (
), présentent un comportement variable.
Comprendre Éléments remplacés
La clé pour comprendre ce comportement réside dans le concept d'éléments remplacés. Les éléments remplacés sont ceux dont l'apparence et les dimensions sont définies par une ressource externe, y compris les images, les plugins et les éléments de formulaire.
:after et Éléments remplacés
Essentiellement , la spécification CSS indique explicitement que :before et :after ne fonctionnent qu'avec des éléments non remplacés. Par conséquent, les éléments remplacés comme et ne peut pas avoir les propriétés :after ou :before.
Considérations sur la structure DOM
Lors de l'utilisation de :before et :after avec des éléments non remplacés, la structure DOM ressemble à this :
Contenu de span
Pour les éléments remplacés comme les images, ceci la structure n'est pas réalisable, d'où l'incohérence du comportement.
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!
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
Il est sorti! Félicitations à l'équipe Vue pour l'avoir fait, je sais que ce fut un effort massif et une longue période à venir. Tous les nouveaux documents aussi.
J'ai eu quelqu'un qui écrivait avec cette question très légitime. Lea vient de bloguer sur la façon dont vous pouvez obtenir les propriétés CSS valides elles-mêmes du navigateur. C'est comme ça.
L'autre jour, j'ai repéré ce morceau particulièrement charmant sur le site Web de Corey Ginnivan où une collection de cartes se cassent les uns sur les autres pendant que vous faites défiler.
Il existe un certain nombre de ces applications de bureau où l'objectif montre votre site à différentes dimensions en même temps. Vous pouvez donc, par exemple, écrire
CSS Grid est une collection de propriétés conçues pour faciliter la mise en page qu'elle ne l'a jamais été. Comme tout, il y a un peu une courbe d'apprentissage, mais Grid est
Questions sur les zones de slash violet dans les dispositions flexibles Lorsque vous utilisez des dispositions flexibles, vous pouvez rencontrer des phénomènes déroutants, comme dans les outils du développeur (D ...
interface Web
