css匹配子代的第一个元素怎么写

html-css06

css匹配子代的第一个元素怎么写,第1张

:first-child /* 匹配第一个元素 */

举例：（parent下的第一个子元素字体变红色）

.parent > :first-child {color:red} <div class="parent">

    <p>子元素1</p>

    <div>子元素2</div>

    <span>子元素3</span>

</div>

用jquery 实现查找第一个元素：

html代码：

    <ul>

        <li>11</li>

        <li>22</li>

        <li>33</li>

        <li>44</li>

        <li>55</li>

    </ul> 有三种jQuery方法可以实现：

$('ul').find('li:first')

$('ul li:first')

$('ul li').eq(0)