当鼠标移入d1时触发hover事件，其子元素p1的color变为#fff
2，子对父
是指子元素触发hover事件时，其父元素做出相关相应。

<div class="d1">
	<p class="p1">hello</p>
.p1:hover ~ .d1{
	background-color: #fff;
使用~号标签来实现对上层元素的控制，当然通过该标签其实是可以控制任意元素的，不仅仅是父元素。
 3，同级控制
 指处在统一层级的元素的hover控制关系。
 
<div class="d1">
	<p class="p1">hello</p>
<div class="d2">
	<p class="p1">hello</p>
.d1:hover + .d2{
	background-color: #fff;
.d1:hover + .d2 .p1{
	color: #fff;
同级元素之间可用+号进行控制。
:hover 选择器用于选择鼠标指针浮动在上面的元素。
提示：:hover 选择器可用于所有元素，不只是链接。
注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。
2、支持的浏览器：
3、:hover控制自身样式：
<div class="aa"></div>
<style>
	aa:hover { 
                                    情景1：`        Document            body{            margin: 0;            padding: 0;        }        .container .ul li{            width: 100px;            height: 20px;            background: #f00;   ...
                                    我试图让它如此：当将鼠标悬停在td上时，跨度内部变为白色，并且td的背景变为蓝色。但是，没有一个类似的问题似乎对我有帮助。表例如CSS更改父级悬停上的子元素字体颜色第一行：Account Holder Collection ProceduresAMVIR Help Sheet下面是一些CSS我已经试过了不工作：td:hover > h4 > span{color: #fff !impo...
                                    遇到hover不生效的情况可以检查以下方面：
1，代码中类名是否写正确，这是最基础的情况，有时候会因为粗心或者代码量过多导致敲错类名或者引用错误类名；
2，检查hover控制的层级关系是否正确，通常来讲如果直接通过 hover .类名的方式来控制的话，需要满足被控制对象是触发对象的子元素。若要跨层级进行控制可阅读这篇文章
3，注意冒号hover中不要空格，应该连在一起否则也会导致不生效。即:hover，而不是:  hover。