.row .row 选择器是什么?

发布于 2022-09-04 01:24:55 字数 2014 浏览 19 评论 0

<style type="text/css">
        .row {
            margin-bottom: 20px;
        }
        .row .row{
            margin-top: 10px;
            margin-bottom: 0px;
        }
        [class*="col"]{
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: #CCCCCC;
            border: 1px solid #999999;
        }
    </style>

    <body>

        <div class="container">
            <div class="row">
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>
                <div class="col-md-1">
                    hello world!
                </div>

            </div>
        </div>
    </body>

看教程里面有个.row .row 选择器,但是 .row下面并没有.row类啊?
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

橙幽之幻 2022-09-11 01:24:55

编教材的没给你 .row .row 的例子,这没什么影响。你自己在 row 下在加 row 不就看到效果了嘛。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文