css3 子元素的的应用注意点

weixin_30919235

于 2017-09-13 16:41:00 发布

阅读量87

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuanxinru321/p/7515748.html

本文详细解析了CSS中关于选择特定元素的技巧，通过对比错误和正确的选择器写法，帮助读者理解如何精确地为目标元素添加样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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

转载于:https://www.cnblogs.com/yuanxinru321/p/7515748.html

css3 子元素的的应用 注意点