Question

我想将特定的CSS应用于我的html中的特定标签这是我的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>

我使用了很多伪类，但我找不到任何解决方案有什么想法吗？

Answer 1

尝试这种方式，您可以在registration

中包含的div内设置所有标签的样式

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

DEMO

Answer 2

给它上课。可以在HTML中重复类，例如;

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

并在你的CSS中，

.class1{
  //styling
}

Answer 3

CSS3方式

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

或者

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

jQuery Way

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

Answer 4

怎么样

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

Answer 5

匹配作为div的第一个直接子项的标签。

div > label:first-child {}

实际上，如果你可以为你的元素添加一些类会好得多。匹配宽选择器（例如div）对于将来的可维护性是一个坏主意。改变你的标记会打破你的风格。

将CSS应用于div的第一个标签

5 个答案: