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

时间:2017-04-04 22:08:16

标签: html css

我正在尝试创建这样的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);}

我尝试使用&quot;这样的双引号:

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

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

enter image description here

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

1 个答案:

答案 0 :(得分: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>,我在此处也进行了更改。)