CSS 3 - 除第一个div之外的所有左边框

Question

我想给我的所有.uk-width-medium-1-3一个左边框除了每一行的第一个边框。 请检查my site

现在我在所有方框上都有一个边框，但总是只希望在每一行的第二和第三方都有一个边框。

感谢您的帮助

我添加到CSS：

:not(:first-child)

但这没有帮助......

Answer 1

它不是第一个孩子，标题.uk-panel-title是。请改用第一种类型。像这样：

.tm-bottom-b .uk-width-medium-1-3:not(:first-of-type) {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

你总是要小心first-child。它选择第一个子节点，无论它是什么类型或HTML（除了:before和:after元素，因为它们实际上并不是HTML结构元素。然而，:first-of-type伪类选择一组子节点中的元素，这些元素是这些子节点中的第一个，例如第一个p元素，第一个div元素等等。

Answer 2

基本上你不希望每个第一个div.uk-width-medium-1-3都有边框，要使用css实现这一点，你需要将你的div分组为 3＆＃39; 并对所有人应用边框，然后添加第二条规则将删除所有第一个div的左边界。

一个例子是

div.uk-panel div.uk-width-medium-1-3:nth-child(1){
    border-left:none;
}

或

div.uk-panel div.uk-width-medium-1-3:not(:first-child){
    border-left:none;
}