html - 関連するプロパティを 1 つのセレクターと 2 つのセレクターでグループ化すると、CSS のパフォーマンスが向上しますか?

Question

私はプロジェクト (個人の Web デザイン フレームワーク) で SCSS/COMPASS を使用しており、コードをモジュール化するこの方法がパフォーマンスをまったく妨げるかどうかを検討しています。

ある .scss ファイルでタイポグラフィを設定し、別の .scss ファイルで (この要素と他の要素の) 配置を設定できるように、これを行いたいと考えています。これにより、私の美学をポジショニングから切り離すことができます。特にウェブサイトが大きくなる場合は、私が好む考え方に適しています. 問題は、これを行うことです。同じ要素を複数回、異なる場所で選択しています。

この手法は、Web サイトのトラフィック レベルで問題 (ページの読み込み速度など) を引き起こしますか?

コードは次のとおりです。フォント スタイル プロパティとポジショニング プロパティがあります。

<header class="header">
    <h1>Title</h1>
</header>

次のように分割します。

header h1 {
    text-shadow: 1px 1px 1px #000;
    color: navy;
    font-weight: normal;
    font-size: 1em;
}

.header h1 {
    margin: 0 0 9.5% 0;
    text-align: center;
}