Html 我想要双悬停css为我的标题

Html 我想要双悬停css为我的标题,html,css,Html,Css,实际上,我的标题文本颜色是黑色,背景颜色是白色。但是我需要,当把光标放在背景中时,它的悬停变成蓝色,标题文本的颜色变成白色。你能帮帮我吗 悬停时: 如果文本在您的框中(一个孩子),那么您可以这样做。如果要为不同的文本添加不同的颜色,应使用以下代码段 .box{ 宽度:100%; 高度:300px; 边框:1px纯红; } .box:悬停{ 背景:蓝色; } .box:悬停p{ 颜色:白色; } .box:悬停h1{ 颜色:红色; } 悬停时标题将变为红色 此处的某些文本在悬停时将变为白色

实际上,我的标题文本颜色是黑色,背景颜色是白色。但是我需要,当把光标放在背景中时,它的悬停变成蓝色,标题文本的颜色变成白色。你能帮帮我吗

悬停时:

如果文本在您的框中(一个孩子),那么您可以这样做。如果要为不同的文本添加不同的颜色,应使用以下代码段

.box{
宽度:100%;
高度:300px;
边框:1px纯红;
}
.box:悬停{
背景:蓝色;
}
.box:悬停p{
颜色:白色;
}
.box:悬停h1{
颜色:红色;
}

悬停时标题将变为红色

此处的某些文本在悬停时将变为白色


这个解决方案怎么样:

.wrapper{
背景色:红色;
填充:10px;
}
.我的盒子{
背景颜色:蓝色;
颜色:黄色;
}
.mybox:悬停{
背景色:白色;
颜色:绿色;
}

大家好

多么酷的网站


共享您的代码、链接或您以前尝试过的内容。没有人只是从图像中猜测我在猜测
。yourElement:hover{color:#fff;background color:#00f;}