统一设置的样式，为什么第二行的标题设置无效呢？明明已经统一选中了

Question

<div class="right-top">

<ul>

<a href="#" class="A1">慕快报</a>

<a href="#" class="A2">更多 >></a>

<li>

<span><a href="#">[特惠]</a></span>

<span><a href="#" class="gray">精选图书每满150减50</span>

</li>

<li>

<span><a href="#">[公告]</a></span>

<span><a href="#" class="gray">因广州图书仓般仓发货延迟</a></span>

</li>

<li>

<span><a href="#">[公告]</a></span>

<span><a href="#" class="gray">因广州图书仓般仓发货延迟</a></span>

</li>

<li>

<span><a href="#">[特惠]</a></span>

<span><a href="#" class="gray">爆款手机12期免息 抽奖赢电视</a></span>

</li>

<li>

<span><a href="#">[公告]</a></span>

<span><a href="#" class="gray">广东 福建受台风影响配送延迟</a></span>

</li>

<li>

<span><a href="#">[特惠]</a></span>

<span><a href="#" class="gray">大闸蟹领券满399减180</a></span>

</li>

</ul>

</div>

.banner-right .right-top li span a{

display: inline-block;

color: #333;

margin-right: 5px;

margin-top: 10px;

font-size: 12px;

}

我把第二行的内容又复制了一遍，复制的内容样式就生效了，仅仅是第二行那个位置标题不会生效，查看的时候发现它的样式是通用样式，很费解为什么

第一张图是第二行标题应用了全局样式，第二张是复制的第一张的内容，定义的样式就生效了，为什么在第二行那个特定位置样式就不会生效呢？

Answer 1

你可以看看权重方面的问题，是不是被其他权重高覆盖了样式