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

Question

我如何到达第一个字段集。我试过这个。

#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>

Answer 1

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

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

第二种选择指的是fieldset元素内部的任何元素，id="enterAccountInfo"如果后者是其父元素的第一个子元素（就像这里一样），所以它选择fieldset这里的所有元素——现在不是你想要的。