如何在內嵌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> 

不要忘記更改 「白」 色父母元素背景。