字段集上的第一个孩子问题

时间:2012-07-16 19:58:57

标签: html css

如何进入第一个字段集。我试过这个。

#enterAccountInfo fieldset:first-child{
}  

也尝试了这个:

#enterAccountInfo:first-child fieldset{
} 

上述所有内容似乎都无效。

<div id="wrapper">
  <form id="enterAccountInfo">
        <fieldset class="even">
            <div class="centerWarpper">
                <h2 class="subtitle">blaa</h2>
         </div>
        </fieldset>
        <fieldset class="odd">
            <div class="centerWarpper">
                <h2 class="subtitle">bllll</h2>
         </div>
        </fieldset>
        <fieldset class="even">
            <div class="centerWarpper">
                <h2 class="subtitle">bllll</h2>
         </div>
        </fieldset>
        <fieldset class="odd">
            <div class="centerWarpper">
                <h2 class="subtitle">bllll</h2>
         </div>
        </fieldset>
    </form>
</div>

1 个答案:

答案 0 :(得分:1)

第一种选择是正确的,它有效。如果没有,问题出在其他地方,您需要发布更完整的代码,并确定测试的浏览器。检查您是否拥有确切的代码,并使用W3C CSS Validator检查是否存在任何语法错误。

第一种选择是指fieldset元素,它是id="enterAccountInfo"元素的第一个子元素,即你想要的。

第二个选项引用元素内fieldset元素,如果后者是其父元素的第一个子元素(就像它在这里那样),那么它选择所有id="enterAccountInfo" 1}}元素在这里 - 现在你想要的。