Pseudo-element dans html (style="{}:")

Bonjour à tous,

Je rencontre un problème de mise en forme pour des éléments d'une newsletter.
Vous comprendrez pourquoi le style doit être appliqué dans le HTML via style="".

Mon but est d'attribuer des pseudo-classes (par exemple :active à un lien) via le html.

Un article du w3c est consacré à cela :
http://www.w3.org/TR/2000/WD-css-style-attr-20001025

Leur exemple :

Code:

---

1 2 3 4 5

<a style="{color: #900} :link {background: #ff0} :visited {background: #fff} :hover {outline: thin red solid} :active {background: #00f}">...</a>

---

Ne fonctionne pas du tout.

Quelle est la marche à suivre s'il vous plaît?

Citation:

---

<a style="{color: #900}
:link {background: #ff0}
:visited {background: #fff}
:hover {outline: thin red solid}
:active {background: #00f}">...</a>

---

Ça ne fonctionne pas, parce que la syntaxe de l'exemple donné est pour:

Citation:

---

Setting properties on a source anchor for each of its dynamic states, using pseudo-classes:

---

Par exemple. tu peux essayer avec de variante de ceci: (code XHTML):

Code:

---

<a class="plainlink cbold" href="portfolio-salon/portfolio-salon.html">"Portfolio"</a>

---

ou plainlink et cbold sont du CSS:

Code:

---

1 2 3

.plainlink { font-weight: bold; text-decoration: none; color: blue;}   .cbold {font-weight: bold}

---

Avec un tel mix, ça devrait te permettre d'utiliser le XHTML tout en gardant la flexibilité du CSS.

Merci de ta réponse, mais je ne voie pas en quoi le code que tu m'a donné me permet de partir sur la piste cherchée. A savoir : insérer des pseudo-elements dans du html via la balise style=""

A moins que je ne me trompe :)

(pour une newsletter, le css se fait dans le html)

Citation:

---

Envoyé par omageus

mais je ne voie pas en quoi le code que tu m'a donné me permet de partir sur la piste cherchée. A savoir : insérer des pseudo-elements dans du html via la balise style=""

---

Ce n'est pas possible.
L'attribut STYLE ne peut contenir que des propriétés CSS, pas de sélecteurs ni de pseudo-classes/éléments.

Aucun moyen donc pour changer les liens au focus etc dans une newsletter donc?

Merci de vos réponses

Ça sent le résolu sur un échec :)

Je te laisse vérifier :arrow: http://www.campaignmonitor.com/css/

Ce lien va mettre d'une terrible utilité !

Merci,

Bonne journée.