:: before以外のスタイルを変更するには？

Question

私のa要素のスタイルを::hoverで変更したいのですが、::before要素を変更したくありません。 ::beforeへの影響を避けるには？私のコードがあります。

header nav a { 
 
    width: 14%; 
 
    color: #fff; 
 
    text-align: center; 
 
} 
 
header nav a:before { 
 
    content: "\002D"; 
 
    padding: 0px 40px; 
 
} 
 
header nav a:hover { 
 
    color: lime; 
 
}

<header> 
 
    <nav> 
 
    <a href="">Home</a> 
 
    <a href="">About</a> 
 
    <a href="">Blog</a> 
 
    <a href="">Contact</a> 
 
    </nav> 
 
</header>

Answer 1

だけに色を追加： `ヘッダNAVの内容前...

header nav a{ 
 
    width: 14%; 
 
    color: #000; 
 
    text-align: center; 
 
} 
 
header nav a:before{ 
 
    content: "\002D"; 
 
    padding: 0px 40px; 
 
    color: #000 
 
} 
 
header nav a:before:hover{ 
 
    color: #000 
 
} 
 
header nav a:hover{ 
 
     color: lime; 
 
}

<header> 
 
    <nav> 
 
    <a href="">Home</a> 
 
    <a href="">About</a> 
 
    <a href="">Blog</a> 
 
    <a href="">Contact</a> 
 
    </nav> 
 
</header>