Question

css 与 jquery如何定位第一个元素,在线等结贴

<div>
<span>AA</span>
<span>BB</span>
...
</div>
//css
div span{color:red}//采用css方式把第一个AA改为红色
$("div span")采用jquery方式找到第二个元素改为红色
这两步该怎么定位元素，高手指点

Answer 1

用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);

Answer 2

css中写div span:nth-child(1){css属性}，括号中1的值时从0开始计算的，也可以是3n+1这种形式，这种形式就是可以定义多个

Answer 3

$("div span:nth-child(1)").css("color",red)
$("div span:nth-child(2)").css("color",red)