Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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 悬停父div时更改跨距的颜色_Html_Css_Hover - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 悬停父div时更改跨距的颜色

Html 悬停父div时更改跨距的颜色

html css

Html 悬停父div时更改跨距的颜色,html,css,hover,Html,Css,Hover,我有一个站点标题，分为两个部分，每个部分包含一个单词。我想完成的是，当你在整个网站标题上悬停时，这两个词会切换各自的颜色。以下是HTML： .site title a span.custom-title2{ 颜色：#C4CB92； 过渡：所有0.2秒缓进缓出0秒； } .站点标题a：悬停span.custom-title2{ 颜色：#EAE1DA； 过渡：所有0.2秒缓进缓出0秒； } .站点标题a span.自定义标题{ 颜色：#EAE1DA； 过渡：所有0.2秒缓进缓出0秒； } .站点标

我有一个站点标题，分为两个部分，每个部分包含一个单词。我想完成的是，当你在整个网站标题上悬停时，这两个词会切换各自的颜色。以下是HTML：

.site title a span.custom-title2{
颜色：#C4CB92；
过渡：所有0.2秒缓进缓出0秒；
}

.站点标题a：悬停span.custom-title2{
颜色：#EAE1DA；
过渡：所有0.2秒缓进缓出0秒；
}
.站点标题a span.自定义标题{
颜色：#EAE1DA；
过渡：所有0.2秒缓进缓出0秒；
}

.站点标题a:悬停范围.自定义标题：悬停{
颜色：#C4CB92；
过渡：所有0.2秒缓进缓出0秒；
}
这是： 
。站点标题a:hover span。自定义标题：hover
应为： 
。站点标题a：悬停span。自定义标题
。第二个
：悬停
是不必要的。

此外，您也不需要在
：hover
状态上添加转换。如果它在自定义标题类上就足够了。
您应该将目标锁定在
。站点标题：hover
而不是
a:hover
，以便在这两种情况下都获得效果



.site title a span.custom-title2{
颜色：#C4CB92；
过渡：所有0.2秒缓进缓出0秒；
}
.站点标题：悬停在span.custom-title2上{
颜色：#EAE1DA；
过渡：所有0.2秒缓进缓出0秒；
}
.站点标题a span.自定义标题{
颜色：#EAE1DA；
过渡：所有0.2秒缓进缓出0秒；
}
.站点标题：将鼠标悬停在span上。自定义标题{
颜色：#C4CB92；
过渡：所有0.2秒缓进缓出0秒；
}


。站点标题a:hover span.custom-title2应为。站点标题a:hover span.custom-title2:hover