Bonjour, dans ma page xhtml (fait par JSF) j'ai :
- un formulaire ayant pour id="monFormulaire"
- un paragraphe (à l'intérieure du formulaire) ayant pour id="monElement"

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
    <h:body>
        <f:view>
            <h:form id="monFormulaire">
                <p><h:outputText value="Un peu de couleur bleue/violette" id="monElement"/></p>
            </h:form>
        </f:view>
    </h:body>
et la CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
#monElement {
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    color: blueviolet;
}
Le style n'est pas appliqué à "monElement".
Je suppose que cela est du à ce qu'au run-time je vois qu'à la place de id="monElement" j'ai id="monFormulaire:monElement"
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<p><span id="monFormulaire:monElement">Un peu de couleur bleue/violette</span></p>
J'ai essayé de mettre dans la CSS divers types d'identifiants : "#monFormulaire#monElement" ou "#monFormulaire:monElement"
mais rien ne marche car je sais pas comment identifier un "sous-élément" dans un formulaire.

Quelqu'un aurait-il une idée ?