Articles of pseudo élément

Est-ce que l’ombre DOM remplace :: avant et :: après?

Scoping CSS dit Les descendants d’un hôte d’ombre ne doivent pas générer de zones dans l’arborescence de mise en forme. Au lieu de cela, le contenu de l’ arborescence shadow active génère des zones comme s’il s’agissait du contenu de l’élément. CSS Pseudo-Elements décrit ::before et ::after as ces pseudo-éléments génèrent des cases comme s’ils […]

Imbrication de pseudo-éléments dans des pseudo-éléments

J’ai un: avant pour une “citation” d’ouverture et un: après pour une citation finale. Maintenant, ce que je veux, c’est un: après: après pour la référence «cite» mais je ne peux pas le faire fonctionner. Est-ce que quelqu’un sait si c’est possible? Mon code jusqu’à présent: – blockquote:before { content: ‘\201C’; } blockquote:after { content: […]

width and height ne semble pas fonctionner: avant pseudo-element

Voici un violon foo bar baz et a.infolink::before { content: ‘?’; background: blue; color: white; width: 20ex; height: 20ex; } Le ‘?’ apparaît mais n’a clairement pas la taille 20ex. Pourquoi pas? Testé dans Firefox et Chrome.

Pourquoi pas: visité au lieu de: visité pour des liens?

Chaque exemple et feuille de style que j’ai examinés utilise a:visited liens de style. Outre a:visited ayant une plus grande spécificité, ne devrait pas :visited être équivalent et plus simple?

“Text-decoration” et le pseudo-élément “: after”, revisité

Je pose à nouveau cette question car ses réponses ne fonctionnaient pas dans mon cas. Dans ma feuille de style pour les supports imprimés, je souhaite append l’url après chaque lien en utilisant la pseudo-classe :after . a:after { content: ” “; text-decoration: none; color: #000000; } Dans Firefox (et probablement Chrome mais pas IE8), […]

Symbole de copyright en CSS: après Pseudo-Element

RESOLU – utilisé \00a9 au lieu de © Assez explicite: body:after { content: “© me”; /* other formatting */ } En HTML, le © séquence insère un caractère de copyright. Est-ce que cela peut être fait dans les pseudo-éléments CSS comme j’essaie de faire ici?

Centrage vertical du contenu des pseudo-éléments before /: after

J’essaie de réaliser quelque chose de similaire à cette image: J’ai une image (dans le cadre d’un diaporama) enveloppée dans un div, et avec: avant et: après les pseudo-éléments, j’affiche deux commandes pour passer aux images suivantes (>>) ou précédentes (<<) du diaporama . Jusqu’à présent, j’ai ceci: div { position: relative; } div:before { […]

Comment puis-je remplacer CSS défini sur un pseudo élément?

Je sais que cela a déjà été demandé, mais je ne trouve aucun moyen propre de remplacer ce CSS: .ui-input-search:after { content: “”; height: 18px; left: 0.3125em; margin-top: -9px; opacity: 0.5; position: absolute; top: 50%; width: 18px; } Je dois laisser ui-input-search sur l’élément, mais je peux append ma propre classe, comme: .ui-input-search-no-pseudo:after { content: […]

Appliquer le style de barre de défilement webkit à l’élément spécifié

Je suis nouveau pour les pseudo-éléments préfixés par deux points. Je suis tombé sur un article de blog sur le style des barres de défilement utilisant certains css de webkit. Le pseudo-élément CSS peut-il être appliqué à des éléments individuels? /* This works by applying style to all scroll bars in window */ ::-webkit-scrollbar { […]

Forcer IE8 à exécuter / rediffuser: avant /: après les pseudo-éléments

J’ai donc joué avec ce calendrier pour un peu: Grille de divs (imitant une table) En survolant une cellule de tableau, une info-bulle contenant 2 icons, chacune contenant un élément avec: avant et: après des éléments, s’affiche. Les icons changent de couleur en fonction de la couleur de la cellule survolée et de celle de […]