html - CSS +如何使带有边框的单元格和没有边框的单元格

这是我的fiddle
我发现这些细胞有边界：

<div class="row">
    <div class="col-md-4" ></div>
    <div class="col-md-4" ></div>
    <div class="col-md-4" ></div>
</div>

如何使这些单元格没有边框？

<div class="row">
    <div class="col-md-4" class="no-border"></div>
    <div class="col-md-4" class="no-border"></div>
    <div class="col-md-4" class="no-border"></div>
</div>

这是我试过的css代码

    /* bootstrap */
    [class*="col-"] {
        background-color: rgba(255, 255, 255, 0.15);
        border: 1px solid rgba(86, 61, 124, 0.2);
        padding-bottom: 15px;
        padding-top: 15px;
    }

        [class*="no-border"] {
        background-color: rgba(0, 0, 0, 0);
        border: 0px solid rgba( 0, 0, 0, 0);
        padding-bottom: 15px;
        padding-top: 15px;
    }

最佳答案

将类名放在一个由空格分隔的class属性中。这允许您为一个html元素组合多个css类。
如

<div class="col-md-4 no-border"></div>

Demo

关于html - CSS +如何使带有边框的单元格和没有边框的单元格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40011278/