La programmation pseudo-element

22

Sélection et manipulation de pseudo-éléments CSS tels que :: avant et :: après à l'aide de jQuery

Existe-t-il un moyen de sélectionner / manipuler des pseudo-éléments CSS tels que ::beforeet ::after(et l'ancienne version avec un point-virgule) en utilisant jQuery? Par exemple, ma feuille de style a la règle suivante: .span::after{ content:'foo' } Comment puis-je changer 'foo' en 'bar' en utilisant jQuery?

943 javascript jquery css jquery-selectors pseudo-element

20

Puis-je utiliser un pseudo-élément: avant ou: après sur un champ de saisie?

J'essaie d'utiliser le :afterpseudo-élément CSS sur un inputchamp, mais cela ne fonctionne pas. Si je l'utilise avec un span, cela fonctionne bien. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Cela fonctionne (met le smiley après "buu!" Et avant "un peu plus") <span class="mystyle">buuu!</span>a some more Cela ne fonctionne pas - …

687 html css pseudo-element css-content

8

CSS: pas (: dernier enfant): après le sélecteur

J'ai une liste d'éléments, dont le style est le suivant: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Sorties One | Two | Three | Four | …

370 css css-selectors pseudo-element

6

Comment écrire: condition de survol pour a: avant et a: après?

Comment écrire :hoveret :visitedconditionner a:before? J'essaye a:before:hovermais ça ne marche pas

347 css css-selectors pseudo-element pseudo-class

12

Puis-je changer la hauteur d'une image en CSS: avant /: après les pseudo-éléments?

Supposons que je veuille décorer des liens vers certains types de fichiers à l'aide d'une image. Je pourrais déclarer mes liens comme <a href='foo.pdf' class='pdflink'>A File!</a> puis CSS comme .pdflink:after { content: url('/images/pdf.png') } Maintenant, cela fonctionne très bien, sauf si ce pdf.pngn'est pas la bonne taille pour mon texte …

251 css pseudo-element

3

Propriété de contenu CSS: est-il possible d'insérer du HTML au lieu du texte?

Je me demande simplement s'il est possible de faire en sorte que la contentpropriété CSS insère du code html à la place :beforeou :afterun élément comme: .header:before{ content: '<a href="#top">Back</a>'; } ce serait assez pratique ... Cela pourrait être fait via Javascript mais utiliser css pour cela faciliterait vraiment la …

246 html css pseudo-element css-content

7

CSS: Comment supprimer les pseudo-éléments (après, avant,…)?

Je voudrais utiliser un commutateur pour la disposition des balises de paragraphe sur une page Web. J'utilise le pseudo-élément après: p:after {content: url("../img/paragraph.gif");} Maintenant, je dois supprimer ce code CSS de la page. Comment cela peut-il se faire facilement? Je veux ajouter que: jQuery est déjà utilisé sur la page …

236 javascript html css pseudo-element

3

Combiner: après avec: survoler

Je veux combiner :afteravec :hoveren CSS (ou tout autre pseudo sélecteur). J'ai essentiellement une liste et l'élément avec la selectedclasse a une forme de flèche appliquée à l'aide de :after. Je veux que la même chose soit vraie pour les objets qui sont survolés mais qui ne peuvent pas tout …

176 css css-selectors pseudo-element

2

css faire pivoter un pseudo: après ou: avant le contenu: ""

en tout cas pour faire fonctionner une rotation sur le pseudo content:"\24B6"? J'essaye de faire pivoter un symbole Unicode.

159 css rotation pseudo-element

9

Utilisation de CSS: avant et: après des pseudo-éléments avec CSS en ligne?

Je fais une signature électronique HTML avec CSS en ligne ( par exemple CSS dans les styleattributs), et je suis curieux de savoir s'il est possible d'utiliser les :beforeet :afterpseudo-éléments. Si oui, comment pourrais-je implémenter quelque chose comme ça avec le CSS en ligne? td { text-align: justify; } td:after …

141 html css css-selectors pseudo-element inline-styles

2

: après vs :: après

Y a-t-il une différence fonctionnelle entre les pseudo-sélecteurs CSS 2.1 :afteret CSS 3 ::after(autre que ::afterne pas être pris en charge dans les navigateurs plus anciens)? Y a-t-il une raison pratique d'utiliser la nouvelle spécification?

134 css css-selectors pseudo-element pseudo-class

4

Utilisation: avant le pseudo élément CSS pour ajouter une image au modal

J'ai une classe CSS Modalqui est absolument positionnée, z-indexée au-dessus de son parent et bien positionnée avec JQuery. Je veux ajouter une image caret (^) en haut de la boîte modale et je cherchais à utiliser le :beforepseudo-sélecteur CSS pour le faire proprement. L'image doit être absolument positionnée et indexée …

116 css modal-dialog pseudo-element

3

Puis-je avoir plusieurs pseudo-éléments: avant pour le même élément?

Est-il possible d'avoir plusieurs :beforepseudos pour le même élément? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } J'essaie d'appliquer les styles ci-dessus au même élément en utilisant jQuery, mais seul le plus récent est appliqué, jamais les deux.

116 css css-selectors pseudo-element css-content

6

Dois-je utiliser la notation simple ou double deux points pour les pseudo-éléments?

Puisque IE7 et IE8 ne prennent pas en charge la notation double-virgule pour les pseudo-éléments (par exemple ::afterou ::first-letter), et puisque les navigateurs modernes prennent en charge la notation simple-deux-points (par exemple :after) pour la compatibilité descendante, devrais-je utiliser uniquement la notation simple-deux-points et La part de marché d'IE8 chute …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

3

CSS: après ne pas ajouter de contenu à certains éléments

J'ai du mal à comprendre le comportement de la :afterpropriété CSS . Selon les spécifications ( ici et ici ): Comme leur nom l' indique, les :beforeet :afterpseudo-éléments spécifient l'emplacement du contenu avant et après le contenu de l' arbre de documents d'un élément. Cela ne semble pas imposer de …

100 css pseudo-element

Questions marquées «pseudo-element»