在html CSS参数中转义引号并不按计划工作

Question

我正在尝试创建这样的hyperref：

<a class="link-efekt-viri" data-hover="LPC4088 <span class="icon"></class>" href="..." target="_blank">LPC4088 <span class="icon"></span></a>

但data-hover CSS参数的双引号令我感到不安，因为他们不会应用类icon，这样设置font-family: icon-font;字体系列的设置如下：

@font-face {font-family: "icon-font"; src: url(../fonts/fontawesome.ttf);}

我尝试使用"这样的双引号：

<a class="link-efekt-viri" data-hover="LPC4088 <span class=&quot;icon&quot;></class>" href="..." target="_blank">LPC4088 <span class="icon"></span></a>

但是int不会像计划的那样工作。我得到这样的东西：

我需要data-hover参数，因为它用于正确动画图标。

Answer 1

您是否尝试在class='icon'代码中的span上使用单引号？

<a class="link-efekt-viri" data-hover="LPC4088 <span class='icon'></span>" href="..." target="_blank">LPC4088 <span class='icon'></span></a>

（注意：您已使用span标记关闭了第一个</class>标记，而不是</span>，我在此处也进行了更改。）