他の方の質問の答えより「a と section の対応付けは、a にカスタムデータ属性 data-id を割り振ることで実現しているのでした。」となっていました。

main.js 内の下記の 1 文、

document.getElementById(clickedItem.dataset.id).classList.add('active');

でそれを実現しているとのことですが、カスタム属性をつけてあるのは a なのに
どうしてそれがついていない section に active クラスがつくのか理解出来ません。

他のカスタム属性の動画を見ても、カスタム属性がついたもの自体が JS ファイルの記述により変化していたので混乱しています。
よろしくお願いします。