css3 子元素的的应用注意点

已经第二次犯错误，不允许有下次

<ul class="ul">

    <li>

        <a>哈哈</a>

    </li>

     <li>

        <a>嘿嘿</a>

    </li>

     <li>

        <a>呵呵</a>

    </li>

</ul>

需求：除了最后一个a元素，其他a元素都要下边框。

错误写法：

.ul li a:not(:last-child){

   border-bottom:1px solid #e4e4e4;

}

↑↑以为自己选择的是第三个a。其实是每个li里面的a。

正确写法：

.ul li:not(:last-child) a{

   border:1px solid #e4e4e4;

}

↑↑↑这就是选择除了最后一个li里面的a之外的所有li里面的a。bingo

巴特西