HTML最后的晚餐（十一）

        以下 HTML 列表中，文字颜色是黑色的行有哪几行？
<style>
.list{color:black}
.list>li:nth-child(2n){color:red}
.list>li:nth-child(3n+1){color:green}
.list>li:nth-child(3n+2){color:blue}
</style>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>

第 1 行

第 3 行

第 7 行

第 9 行

解析：从0开始查。

n是从0开始的，但nth-child()是从1开始计数的(nth-child(1)是第一个子元素，没有nth-child(0).

.list{color:black}：1，2，3，4，5，6，7，8，9，10都是黑色
.list>li:nth-child(2n){color:red}：0（nth-child(0)不存在，忽略），2，4，6，8，10变成红色
.list>li:nth-child(3n+1){color:green}：1，4，7，10变成绿色
.list>li:nth-child(3n+2){color:blue}：2，5，8变成蓝***r />

后面的样式会覆盖前面的样式

综上所述：2，5，8为蓝色；1，4，7，10为绿色；6为红色；3，9为黑色

如果想要让一个P 标签，在1s内缓慢的以滑动方式隐藏，要怎么实现：

$("p").slideUp(1000);

$("p").slideDown(1000);

$("p").mergeUp(1000);

$("p").mergeDown(1000);

给定如下HTML代码，以下选择器能选到P元素的是？

<div class="box">

<div>

<p>YY</p>

</div>

</div>

.box p //可以

.box > p 

.box + p

.box,p//可以