给elementor容器中的文字设置鼠标悬停颜色

继续分享wordpress建站教程，本文给大家分享一个小技巧。当使用Elementor建站时，有时元素可能不能直接设置鼠标悬停色，比如标题、计数器等模块，它们都只能设置一个固定颜色。

如上图这种显示样式，当鼠标放到方框中时，里面的文字颜色也需要同时变化，应该怎么做呢？一种是找第3方插件，有些插件的模块可能是可以设置悬停颜色的。如果不想去折腾插件，也可以使用简单的CSS代码来实现。

selector:hover * {  
    color: #ffffff !important; /* 添加!important确保覆盖所有样式 */  
}

大家可以直接使用上面的CSS代码，里面的颜色值可以自行修改。

然后把上面的CSS代码添加到Elementor容器的【高级设置】-【Custom CSS】中，即可实现想要的效果了。需要注意的是，要Elementor Pro或开源版的element才有【Custom CSS】功能。