css 如何添加边界底部到最后一个div，如果将有额外的div？

kokeuurv 于 2023-05-02 发布在其他

关注(0)|答案(1)|浏览(101)

我想添加border-bottom只到最后一个div，如果将有一个额外的div。不是追加，而是追加前的最后一个。如何实施？这是代码：

<div className={`${classes.card_list}`}>
                            <div className={`${classes.card_list_title}`}>
                                <p>Əlavə olunan tarix</p>
                                <p>Kart</p>
                            </div>

                            <div className={`${classes.card_body}`}>
                                <div>
                                    <p>21.02.2023</p>
                                    <p>11.25</p>
                                </div>
                                <div>
                                    <h3>4098****5656</h3>
                                    <p>Leo</p>
                                </div>
                                <div className={`${classes.card_type}`}>{visa}</div>
                                <div>
                                    <button>{threeDots}</button>
                                </div>
                            </div>
                        </div>

css

来源：https://stackoverflow.com/questions/76145643/how-add-border-bottom-to-last-div-if-there-will-be-additional-div

1条答案

按热度按时间

l3zydbqr1#

如果这些div周围有一个父容器，那么:not和:last-child的组合应该可以工作：

.container div:not(:last-child) {
      border-bottom:1px dashed #ff0000;
    }

<div class="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
</div>

也可以指定class而不是div。

赞(0）回复(0）举报 2023-05-02

我来回答

css 如何添加边界底部到最后一个div，如果将有额外的div？

1条答案

相关问题

热门标签

最新问答