css - 如何获取div最后一个a子元素中的特定div

问题描述

问 题

使用:last-child可以获取到congtent_wrapper的最后一个class为dd的div，如何再进一步获取到a中class"div-right"的元素呢？

给每个div-right添加了一个border-bottom，需要给最后一个div.dd添加一个border-botom，去除最后一个div-right的border。

/ 以下是代码结构 /

<div class="content_wrapper">
    <a href="">
        <div class="dd">
            <div class="div-left"></div>
            <div class="div-right"></div>
        </div>
    </a>
    
    <a href="">
        <div class="dd">
            <div class="div-left"></div>
            <div class="div-right"></div>
        </div>
    </a>
    
    <a href="">
        <div class="dd">
            <div class="div-left"></div>
            <div class="div-right"></div>
        </div>
    </a>
</div>

解决方案

.congtent_wrapper .div-right {
    border-bottom: 1px solid #f00;
}

.congtent_wrapper a:last-child .dd {
     border-bottom: 1px solid #f60;
}

.congtent_wrapper a:last-child .div-right {
    border: none!important;
}

这篇关于css - 如何获取div最后一个a子元素中的特定div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！