appliquer le style CSS pour la première étiquette de la div

je voudrais appliquer un css spécifique à un label spécifique dans mon code html
c'est mon 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>

j'ai utilisé beaucoup de pseudo-classes, mais je n'ai pas trouvé de solution
aucune idée s'il vous plaît ?

est que CSS ou jQuery?

OriginalL'auteur hamza437 | 2013-12-26

  1. 10

    essayer de cette façon, où vous pouvez définir le style de toutes vos étiquettes à l'intérieur de la div contenu dans registration

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

    DÉMO

    merci beaucoup @alessandro
    heureux de vous aider, de vous rappeler à accepter la réponse correcte pour aider les autres gars avec votre même problème que @hamza437

    OriginalL'auteur Alessandro Minoccheri

  2. 3

    Juste lui donner une classe. Le cours peut être répété en HTML, comme;

    <label class="class1">Localisation</label>

    et dans votre css,

    .class1{
  //styling
}

    OriginalL'auteur blasteralfred Ψ

  3. 3

    CSS3 façon 

    #registration div label:first-child {
    //specific styles for just the first label item
}

    Ou

    #registration div label:nth-first-of-type{
//specific styles for just the first label item
}

    jQuery Façon

    <script>
$( "#registration div label:first" ).css( "font-style", "italic" );
</script>

    OriginalL'auteur Sahil Popli

  4. 1

    Comment sur

    #registration > div > label:first-of-type {}

    ?

    OriginalL'auteur myTerminal

  5. 0

    Faire correspondre les étiquettes qui sont la première, enfant direct d'un div.

    div > label:first-child {}

    En fait, il serait beaucoup mieux si vous pouviez ajouter un peu de classes de vos éléments. Correspondant à l'échelle sélecteur comme div est une mauvaise idée pour l'avenir de la maintenabilité. Changer votre balisage va briser votre style.

    OriginalL'auteur LeBen