i would like to apply a specific css to a specific label in my html this is my HTML ``` Localisation **//this is the target label to apply css** Gouvernorat Ariana Ben Arous Bizerte Ville Annonceur **//this is the target label to apply the css** Nom Email Telephone <input ty…

apply CSS for the first label of div

css, css-selectors

Solution

try this way where you can style all your label inside the div contained into `registration`

#registration > div > label{
   //your css
}

DEMO

Problem

i would like to apply a specific css to a specific label in my html this is my HTML ``` <div id="registration"> <div> <label>Localisation</label>**//this is the target label to apply css** <div id="registration_localisation"> <div> <label>Gouvernorat</label> <select id="registration_localisation_gouvernorat"> <option value="1">Ariana</option> <option value="2">Ben Arous</option> <option value="3">Bizerte</option> </select> </div> <div> <label for="registration_localisation_ville">Ville</label> <input type="text" id="registration_localisation_ville"> </div> </div> </div> <div> <label>Annonceur</label>**//this is the target label to apply the css** <div id="registration_annonceur"> <div> <label for="registration_annonceur_Nom">Nom</label> <input type="text" id="registration_annonceur_Nom"> </div> <div> <label for="registration_annonceur_Email">Email</label> <input type="text" id="registration_annonceur_Email"> </div> <div> <label for="registration_Telephone" >Telephone</label> <input type="text" id="registration_annonceur_Telephone"> </div> </div> </div> </div> ``` i used many pseudo classes but i didn't find any solution any idea please ?

Original source