时间:2021-05-26
然后,我写了如下html:
<table width="200" border="1">
<tr class="a">
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr class="a">
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr class="a">
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>
预期效果是:
于是我写了如下jQ:
$(".a:nth-child(2)").css("color","red");
运行发现结果竟然是:
我百思不得其解啊。。最后发现把JQ改写为:
$(".a :nth-child(2)").css("color","red");
就行了。
注意:a后面有一个空格!!!
虽然问题解决了,但是不知道原因,求高手指点。。。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
对此,我把CSS3标准中nth-child()用法大致介绍下:CSS3伪类选择器:nth-child()简单的归纳下nth-child()的几种用法。第一:nt
关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3,才发现里面其实暗藏玄机。:nth-child可以选择父元
复制代码代码如下::nth-child('索引值')//获取指定元素下的某个子元素的位置,索引从1开始;//偶数行//$('li:nth-child(even)
一、X:nth-child(n)ExampleSourceCode:li:nth-child(3){color:red;} 接下来的几个伪类选择器使用上非常类
CSS3中nth-child与nth-of-type的区别其实很简单::nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的