CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être rendus à l'écran, sur papier, dans la parole ou sur d'autres supports.
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...
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...
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>...
Comment écrire :hoveret :visitedconditionner a:before? J'essaye a:before:hovermais ça ne marche
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,...
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...
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:...
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 à...
en tout cas pour faire fonctionner une rotation sur le pseudo content:"\24B6"? J'essaye de faire pivoter un symbole
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:...
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
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...
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...
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...
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...
J'ai un ensemble de liens stylisés utilisant :beforepour appliquer une flèche. Cela semble bon dans tous les navigateurs, mais lorsque j'applique le soulignement au lien, je ne veux pas avoir de soulignement sur la :beforepartie (la flèche). Voir jsfiddle par exemple: http://jsfiddle.net/r42e5/1/...
Des choses comme a:linkou div::after... Les informations sur la différence semblent rares.
Je me demande pourquoi le navigateur affiche des doubles guillemets ouverts uniquement pour le premier élément. Le deuxième élément a plutôt des guillemets simples. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a