除了::之前如何更改样式？

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

只需在内容之前添加颜色......

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>