所有，直到儿童选择器

Question

我想为div的每个子节点应用border-bottom但是未知的div（每个div都有填充值，所以边框效果会看起来更多）是从父div和子div开始的内部。

因此，如上图所示，我想选择.main以及所有主要div .child div的子div。

因此，对于图片结果中的第一个示例代码将是这样的：

---

这背后纯粹是另一个原因（选择特定的孩子），但为了简单起见，我已经说明了上面的那个。

我只希望将来能够实现此功能：

.main, .main >> div.child{ /*where >> would be upto direct child selector*/
   border-bottom: 1px solid blue;
   padding-bottom: 5px;
}

Answer 1

您可以通过覆盖.child

的孩子的样式来完成此操作

它看起来像是跟随。

.main, .main div{
    border-bottom: 1px solid red;
}
.child div{
    border-bottom: none;
}

(JSFiddle)