如何在内联html中提供悬停效果？

Question

我想在html内联中为p标签提供内联css，所以我需要的是看起来像这样的东西，

<p class="skill" style="hover {border-color:#20b920;}">Node.js</p>

有没有办法在内联html中提供这样的东西，

Answer 1

正确的方法（在我看来）

将css与选择器p.skill一起使用：悬停。

例如：

p.skill:hover {
    background-color: yellow;
}

来源https://www.w3schools.com/cssref/sel_hover.asp

你想做的事...... 使用javascript

<p class="skill" onmouseover="this.style='background-color:#20b920;';" onmouseout="this.style='background-color:white';">Node.js</p>

不要忘记改变白色＆＃34;到父元素背景的颜色。