jquery - 如何激活将CSS过渡悬停在单词上？

我想做的是将鼠标悬停在一个单词上。该代码有效，只是将光标放大，即使光标位于该单词所在的行上也是如此。

这是我的段落的HTML代码：

<p id="classic">Classic</p>

这是CSS代码：

#classic:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

另外，如果您不能使用CSS，是否有一种使用jQuery的方法？

最佳答案

设置display: inline-block;

#classic{
  display: inline-block;
}
#classic:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

<p id="classic">Classic</p>