Javascript 悬停时的li内容样式

我想更新hover上li内容的样式。但只有颜色被应用到悬停上，而内容没有得到更新。有什么建议吗

    li{
        &:hover{
          content: ' ★ ';
          color: red;
        }
      }
      li::before {
        content: ' ☆ '; 

      }

嗯，你试试这个

li {
    &::before {
        content: ' ☆ '; 
    }
    &:hover {
        &::before {
            content: ' ★ ';
            color: red;
        }
    }
}

检查一下

嗯，你试试这个

li {
    &::before {
        content: ' ☆ '; 
    }
    &:hover {
        &::before {
            content: ' ★ ';
            color: red;
        }
    }
}

查看