Pourquoi les pseudo-éléments `:before` et `:after` ne fonctionnent-ils pas avec les `` Elements ?

Aborder la fonctionnalité des pseudo-éléments avec des éléments d'image

Dans une tentative d'améliorer la fonctionnalité, cette question explore pourquoi les pseudo-éléments comme :before et :after n'interagit pas avec les éléments d'image () comme ils le font avec d'autres balises telles que divs et spans. Pour illustrer le problème, considérons le HTML et le CSS suivants :

<img src="http://0.gravatar.com/avatar/this-is-not-a-hash" alt=""/>

img:before {
  content: "hello";
}

En examinant ce code dans des navigateurs comme Chrome 13 et Firefox 6, il devient évident qu'aucun changement attendu ne se produit avec l'élément image. Ce comportement contraste avec la compatibilité présentée par les éléments div et span.

En plongeant dans les spécifications, nous rencontrons cet extrait :

Note. This specification does not fully define the interaction of ::before and ::after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specification.

Cette déclaration suggère une définition incomplète de l'interaction entre les pseudo-éléments et des éléments d'image, impliquant leur incompatibilité actuelle. Pour plus d'informations sur cette question, reportez-vous à une autre réponse sur cette plateforme.

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!