Css 防止嵌套列继承填充-引导
我有这门课:Css 防止嵌套列继承填充-引导,css,twitter-bootstrap,Css,Twitter Bootstrap,我有这门课: .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float:left; padding-left:14px; padding-right:14px; } 但是,如果不希望嵌套网格中的任何列继承此填充,如何防止这种情况发生?您可以
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float:left;
padding-left:14px;
padding-right:14px;
}
但是,如果不希望嵌套网格中的任何列继承此填充,如何防止这种情况发生?您可以选择嵌套在列中的任何列,并使用:
[class*="col-"] > *{
/* whatever you want to reset*/
}
不能理解的可以请详细说明。?