如何仅对“之前的内容”（“\ f00d”）进行悬停效果？

Question

我希望我的悬停效果仅在我将其悬停到之前的内容时激活。

Answer 1

使用fryd-viewer-wrapper:hover:before

＆＃13;

＆＃13;

a:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f008";
   font-weight: 900;
}
a:hover:before {
color:red;
}

＆＃13;

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">


<a>Try me</a>

＆＃13;

＆＃13;

＆＃13;