Чего-то я запутался с переименованиями: какой нейм

Чего-то я запутался с переименованиями: какой нейминг правильный? Более высокий элемент - более короткий в названии?

То есть:

<CompStyled>
      <CompElementStyled>
                  <CompElementSubelementStyled>
                           
                  </CompElementSubelementStyled> 
      </CompElementStyled> 
</CompStyled> 

Или как-то иначе?