burda bir kapsayıcılık söz konusu sen css dosyasını ana dosyada çağırdığın için hepsine gitmiş oluyor, çünkü diğer dosyalar da ana dosyanda çağırılmış oluyor

mantıken ve basitçe anlatmak gerekirse bu üçü ayrı dosyada olsa bile hepsini index.htmlde topladın diyelim, classları bir olduğu için yinede üçüne de yansır değişiklik.

<div class="city">
<h2>London</h2>
<p>London is the capital of England.</p>
</div>

<div class="city">
<h2>Paris</h2>
<p>Paris is the capital of France.</p>
</div>

<div class="city">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>
</div>

her dosyaya ayrı css dosyası tanımlasan ve bu css dosyalarını kendi içlerinde çağırsan, birbirini etkilemeyecek bir yapı bile kursan, bunlar flask içerisinde yada başka bir framework kullandığında build alındığında ( production moduna geçildiğinde ) tek bir dosyada bundle olacakları için yine birbirlerini etkilerler