Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何更改悬停父对象的属性';孩子们_Html_Css_Hover - Fatal编程技术网

Html 如何更改悬停父对象的属性';孩子们

Html 如何更改悬停父对象的属性';孩子们,html,css,hover,Html,Css,Hover,使用CSS,当父元素悬停时,如何更改子元素的属性?选择父元素并使用:hover伪类,然后选择要更改其属性的子元素 .wrp{ 填充:15px; } .wrp:hover.hvr{ 背景:#FFFF33; } 盘旋在我父母身边 .parent:hover.first-child{ 背景:红色; } .父项:悬停。第二个子项{ 背景:蓝色; } .父项:悬停。第三个子项{ 背景:绿色; } 乱数假文 乱数假文 乱数假文

使用CSS,当父元素悬停时,如何更改子元素的属性?

选择父元素并使用
:hover
伪类,然后选择要更改其属性的子元素

.wrp{
填充:15px;
}
.wrp:hover.hvr{
背景:#FFFF33;
}

盘旋在我父母身边
.parent:hover.first-child{
背景:红色;
}
.父项:悬停。第二个子项{
背景:蓝色;
}
.父项:悬停。第三个子项{
背景:绿色;
}

乱数假文
乱数假文
乱数假文