什么CSS选择器用于从嵌套类中删除属性？

Question

 .row {
      padding-left: 15px;
      padding-right: 15px;
    }

    <div class="row">
       <div class="col"> </div>
       <div class="col"> </div>
       <div class="col row">
           <div class="col"> </div>
           <div class="col"> </div>
       </div>
    </div>

我需要什么：

• 删除所有嵌套和深层行类
上的填充
• .row > .row是不够的，因为它只影响一层深层次

Answer 1

只需使用.row, .row .row

即可

＆＃13;

＆＃13;

.row {
  padding: 15px;
  border: 1px solid #ddd;
  min-height: 10px;
}

.row,
.row .row {
  padding: 0;
}

＆＃13;

<div class="row">
   <div class="col"> </div>
   <div class="col"> </div>
   <div class="col row">
       <div class="col"> </div>
       <div class="col"> </div>
   </div>
</div>

＆＃13;

＆＃13;

＆＃13;