#autodiv .row:nth-of-type(3):hover{border: 1px solid #FFFF00;}

Question

<div id="autodiv">
<div class="row" style="margin-top: 25px;">
<div class="col-lg-6 ">
<img src="img/logo.png">
</div>
<div class="col-lg-6 ">
<div class="row">
<div class="col-md-12" style="text-align: right;">
<a class="autoa1"> 100万台手机免预约 春节特供专场</a>
</div>
</div>

<div class="row">
<div class="col-md-9 border" style="height: 40px;">

</div>
<div class="col-md-1 border" style="background: url(img/shousuo.png) no-repeat;width: 40px;height: 40px;margin-left: -1px;">

</div>
<div class="col-md-2 border" style="height: 40px;margin-left: 10px;">

</div>
</div>

</div>
</div>
</div>
标题就是我想问的，为什么hover不管用了。

Answer 1

把你的代码放在DW里预览了一下，这个嵌套挺乱的

<div class="row">
<div class="col-lg-6 "></div>
<div class="col-lg-6 "></div>
<div class="row">col-md-9,col-md-1,col-md-2</div>
</div>

row里面嵌套了row, row里面的type(3):hover不如直接用它的class名称好了，这样的嵌套多半是不认的