0
0
霞舞
发布时间：2024-10-24 09:00:40
|1095人浏览过
|来源于php
转载
hover 对 p 无效的原因
在提供的代码片段中，div:hover 的优先级确实高于 p，但 hover 却未能对 p 生效。出现这种情况的原因是：
继承属性与指定值
color 是一个继承属性，这意味着子元素（p）会继承父元素（div）的 color 值。因此，即使 p 没有明确设置 color 值，它也会从 div 继承 yellow。
当 div:hover 生效时，它会将 color 值设置为 red。然而，由于 p 已经继承了 div 的 yellow 值，因此它不会受到 div:hover 影响。
解决方法
要让 hover 在 p 上生效，需要明确指定 p 的 color 值，以覆盖继承的值。一种方法是使用 p:hover：
p {
color: yellow;
}
p:hover {
color: red;
}还可以使用以下方法，通过防止 div:hover 覆盖 p 的 color 值来实现同样的效果：
p {
color: yellow;
}
div:hover,
div:hover p {
color: red;
} 相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题面向零编程基础及初学者，系统讲解 Python 编程语言的核心知识与实战技巧。内容涵盖 Python 基础语法、数据结构、函数与模块、常用标准库、简单算法思维，以及真实应用场景下的小项目实战。通过循序渐进的学习路径，帮助读者快速建立编程思维，掌握 Python 在数据处理、自动化脚本及日常开发中的实际应用能力，为后续深入学习 Web 开发、数据分析或人工智能打下坚实基础。
10
2026.01.05
Excel交互式图表可通过四种方法实现：一、用切片器控制数据透视图；二、结合下拉列表与INDEX-MATCH动态引用；三、用选项按钮绑定图表系列；四、利用动态命名区域配合OFFSET函数。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
330
2026.01.04
热门下载
相关下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
