CSS期望类的样式规则的选择器

Question

问题：

我正在尝试在Bootstrap 3中删除bootstrap列的右侧和左侧的填充/边距，col-md- *和col-xs- *但是，我为此创建的类不起作用。 我正在使用下面的CSS代码：

.no-gutters > [class^="col-"],
.no-gutters > [class*="col-"]
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

我正在使用visual studio 10作为我的IDE，它显示消息“意外的字符序列。预期样式规则的选择器。”在'['括号。

Answer 1

你应该这样做。

<div class="no-gutters">
 <div class="col-xs-12 col-sm-6 ">
 <asp:Panel> </asp:Panel> 
</div>
</div>

然后这个Css会起作用。

.no-gutters > [class^="col-"],
.no-gutters > [class*="col-"]
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}