css - 删除 :first-child 上的边框

Question

我正在尝试删除第一个子伪的边框，但我无法让它工作。

这是我一起工作的班级

.main:not(.home-page) > section article h2  {
  margin-top: 1em;
  padding-top: 1em; 
  border-top: 1px dotted #ccc;  
}

所以我尝试了这个

.main:not(.home-page) > section article h2:first-child{
  border-top: 0px dotted #ccc;
} 

但这并没有奏效。还有其他想法吗？

Answer 1

请试试这个

.main:not(.home-page) > section article:first-child h2{border-top: 0px dotted #ccc;}

Answer 2

只需将相应的颜色设置为transparent（MDN onborder-top-color）：

.main:not(.home-page) > section article h2:first-child{
  border-top-color: transparent;
}