在css3中由第n个孩子选择

Question

如何为每个锚标签添加不同的边框颜色？ （最好是sass）

> grepl(paste(a,collapse = ""),c(paste(b,collapse = ""),paste(c,collapse = "")))
[1]  TRUE FALSE

Answer 1

在您的示例中，.fa-border元素不是子元素 同一个父母。

尝试：

.container a:nth-child(1) .fa-border {
    border: 1px solid #d12883;
} 
.container a:nth-child(2) .fa-border {
    border: 1px solid #39a835;
}

Answer 2

这应该有效：

对于Sass：

a {
  &:nth-child(1) .fa-border {
    border: 1px solid #d12883;     
  }
  &:nth-child(2) .fa-border {
    border: 1px solid #39a835;     
  }  
}

对于CSS3：

a:nth-child(1) .fa-border {
    border: 1px solid #d12883;  
}

a:nth-child(2) .fa-border {
  border: 1px solid #39a835;     
}