javascript - 如何在不使用 CSS 页面的情况下在 HTML 中创建悬停效果

标签 javascript css html

我知道你可以用 CSS 来做,例如:

p:hover {
    xxx:yyy;
}

我希望这样做,但在 HTML 页面中没有链接 CSS,如下所示:

<p style="xxx">xxxxxxxx</p>

但有悬停选项。

最佳答案

您可以直接将 CSS 插入到 html 页面中而无需链接它:

<head>
<style>
    p:hover {
        xxx: yyy;
    }
</style>
</head>
<body>
    <p>xxxxxxxx</p>
</body>

Internal Style Sheet

关于javascript - 如何在不使用 CSS 页面的情况下在 HTML 中创建悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20869531/

相关文章:

HTML5 track 元素没有 'crossorigin' 属性

javascript - ThreeJs 加载比 obj 文件中更多的顶点

javascript - 为什么 TypeScript 无法在编译时检测到不匹配的类型以及如何修复它?

css - 与输入分离的reactjs autosuggest建议列表

html - 从 component.html 文件加载 Bootstrap

html - 格式化链接,使它们出现在 CSS 图像的顶部

html - 制作任意六位数字的颜色代码

javascript - 为什么我的输入按钮的 onclick 事件不起作用?

javascript - 如何检查NodeJS程序是否即将存在

javascript - firebase 数据列表