删除边框：第一个孩子

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 on border-top-color）：

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