Discussion :

[Lordsephiroth]

Bonjour à tous,

Je viens pour une question courte et claire. Voici les lignes de CSS en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#contenu table.coursinfos tr td:first-child:first-letter{
	text-transform: uppercase;
}

Ma table contient des informations sur des cours (genre adresse, nom du cours, type du cours...). #contenu est la div de contenu du site. J'essaie simplement de mettre en majuscule la première lettre de chaque cellule de la première colonne de mon tableau.

Cette syntaxe me paraît valide d'après le très apprécié www.w3schools.com, j'utilise juste 2 sélecteurs de suite.

Firefox, Safari et même Internet Explorer 7 interprêtent parfaitement ce CSS. Par contre, Opéra refuse de me l'interpréter correctement. A noter que le sélecteur :first-letter fonctionne parfaitement dans d'autres contextes sur Opéra, et probablement le :first-child.

Quelqu'un aurait une idée pour contourner ce problème? Est-ce une erreur de mon code ou une erreur d'interprétation d'Opéra ?

Merci d'avance !

[Erwan31]

Bonsoir,
les combinaisons pseudo-classe/pseudo-élément sont des cas de figure assez particuliers. Il se peut que les développeurs d'Opera aient exclu ce type d'implémentation en ne s'en étant tenu qu'aux spécifications CSS2 qui disent ceci

Les agents utilisateurs conformes à HTML peuvent ignorer toutes les règles dont les sélecteurs comportent des pseudo-éléments :first-line ou :first-letter, ou, sinon, peuvent n'appliquer qu'une partie de leurs propriétés.

et non aux specs CSS2.1 qui ont retiré cette affirmation.

[Lordsephiroth]

Bon, l'explication ne me dit pas comment régler mon problème, mais... si c'est pas implémenté... ben c'est pas implémenté...

Tant pis, je vais voir pour faire autrement, par exemple en enlevant le sélecteur first-child et conserver uniquement le first-letter.

Merci pour la réponse !