在对CSS进行范围划分时，在两个不同的组件中使用相同的类名是一种不好的做法吗？

Question

我在2个不同的组件中包含以下代码段：

<div class="justify-center summoner-runes">
    <img class='summoner-rune-icon' :src="'https://ddragon.leagueoflegends.com/cdn/img/' + $store.getters.findSummonerRune(participant.stats.perk0).icon" alt="">
    <img class='summoner-rune-icon absolute-rune' :src="'https://ddragon.leagueoflegends.com/cdn/img/' + $store.getters.findSummonerRune(participant.stats.perkSubStyle).icon" alt="">
</div>

在组件一中，我希望summoner-rune-icon类的宽度为40px，但是，在组件二中，我希望其宽度为20px。由于这两个组件上的CSS都是作用域内的，所以我认为规则不会相互冲突，但是，我不确定这是否正确。