css给最后几个盒子添加样式最后的元素添加样式

最新推荐文章于 2023-09-19 13:59:34 发布

wx_jiaweri

最新推荐文章于 2023-09-19 13:59:34 发布

阅读量1.3k

点赞数

分类专栏：小程序文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_44671184/article/details/122732061

版权

小程序专栏收录该内容

132 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        * {
            padding: 0;
            margin: 0;
        }

        .div-container {
            width: 800px;

        }
        .item {
            float: left;
            width: 20%;
            height: 100px;
            background-color: red;
        }

        /*
        选中最后一行
        */
        .item:nth-last-child(6) ~ div {
            background-color: #61F5E9;
        }

    </style>
</head>
<body>

    <div class="div-container">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
        <div class="item">5</div>
        <div class="item">6</div>
        <div class="item">7</div>
        <div class="item">8</div>
        <div class="item">9</div>
        <div class="item">10</div>
    </div>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wx_jiaweri

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css给最后几个盒子添加样式最后的元素添加样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } .div-container { wi
复制链接

扫一扫