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 […]
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: […]
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.
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?
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), […]
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?
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 { […]
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: […]
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 { […]
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 […]