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;
}