css - SMACSS\BEM - アイコンのスタイルを正しく処理するには?

Question

2 つのネストされたモジュールがあります。

<div class="header">
.....
<i class="topIcon"></i>
......
</div>

SMACSS 用語でモジュールとして機能する 2 つの個別のファイルがあります (これらは再利用可能な部分であり、アプリケーション全体で個別に使用できるため、個別に保持したいと思います):
ヘッダー:

.header {
   /* header styles */
}

アイコン：

.topIcon {
 /* icon styles */
} 

topIconここで、 when headerhas:hover状態にいくつかのスタイルを適用したいと考えています。
アイコン モジュール ファイル内に配置.header:hover .topIconしてスタイルを適用することはできますが、POV からは SMACSS ルールに違反しています。

より良い提案はありますか？