如何更改CSS样式定义以在特定div上创建边框

Question

我有这个css样式定义：

[class*="col-"] {
    border: 1px solid #dddddd;
}

上面的css样式定义为我页面中的所有引导网格列创建边框。

但是我需要使用id = borderedArea为特定div中的bootstrap网格列设置边框。

这是example

如何更改上面的样式定义，以使用id = borderedArea

在特定div上创建边框

Answer 1

尝试使用此CSS3选择器。这将选择{class 1}}中的所有元素，其类名以col - 。

开头

myDiv

Answer 2

请尝试以下方法：

#borderedArea [class*="col-"] {
    border: 1px solid #dddddd;
}