显示链接部分的另一种样式

Question

我有一个样式链接。现在，我想在悬停时在链接的几个字母上设置另一种样式，这是另一种颜色。

例子：

这是正常链接

这是悬停时的标准AL链接，其中AL为斜体和其他颜色。

Answer 1

包裹您想要的文字span并为其设置样式:hover

a:hover span{
font-style: italic;
color:red;
}

<a>THIS IS NORM<span>AL</span> LINK</a>