html 选择第二个元素,css选择器，选中第二个p,实现第三个和第四个p的效果，

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

body,p{

margin:0;

padding:0;

}

p{

background-color:red;

width:200px;

height:200px;

position:absolute;

transition:left 1s;

}

p:first-child{

opacity:1;

left:0;

}

p:nth-child(2){

opacity:0.7;

left:200px;

}

p:nth-child(3){

opacity:0.5;

left:400px;

}

p:nth-child(4){

opacity:0.3;

left:600px;

}

p:first-child:hover~p{

left:20px;

}

p:nth-child(2):hover+p:nth-child(n+2){

left:220px;

}