使用する適切な方法：「属性に含まれている」セレクタと一緒にセレクタではありません。

Question

ブートストラップレイアウトを作成し、col-xs- *列を除くすべてのCOL *列にパディング/マージンを折りたたむ必要があります。私は以下のセレクターを無駄にしなかった。

.grid [class^="col-"]:not([class^="col-xs-"]) {
    padding: 0;
    margin: 0;
}

.

多分私は何かを混乱させているか、これはサポートされていないだけですか？私は私が次のものを使うことができることを理解していましたが、なぜ上記の解決策がうまくいかないのか疑問に思いました。

.grid [class^="col-sm-"], .grid [class^="col-md-"], .grid [class^="col-lg-"] {
    padding: 0;
    margin: 0; 
}

.

Answer 1

クラスCOL-XS- *は、COL-SM、COL-MD-元素で使用されているため、要素は両方に一致しています。COL-SM- *が同じ要素にcol-xs- *を持っていない場合は問題があります。

@media (min-width:768px) {

  .row.grid {margin-left:0;margin-right:0;}
  .grid [class*="col-"] {padding:0;}

}

.

http://jsbin.com/fabos/2/edit