Html 如何在将鼠标悬停在div上时使div内的文本发光

好的，我有这个导航栏，它是一系列的5个div，里面有文本。我想让它在每当我悬停在div上时，div内部的

元素都会发光。我知道所有正确的css标记来获得发光等等，但是当涉及到（div）：hover{}css标记时，我很困惑，我想要它们里面的文本发光，而不是整个div。下面是你需要的代码

HTML

CSS

.navButtonsNorm{
宽度：150px；
高度：50px；
右边框：1px黑色插图；
浮动：对；
背景：rgba（254,1）；
背景：moz线性梯度（顶部，rgba（254254,1）0%，rgba（240240240,1）47%，rgba（219219,1）52%，rgba（226226,1）100%）；
背景：-webkit渐变（左上，左下，颜色停止（0%，rgba（254254,1）），颜色停止（47%，rgba（240240,1）），颜色停止（52%，rgba（219219,1）），颜色停止（100%，rgba（226226,1））；
背景：webkit线性梯度（顶部，rgba（254254,1）0%，rgba（240240,1）47%，rgba（219219,1）52%，rgba（226226,1）100%）；
背景：-o-线性梯度（顶部，rgba（254254,1）0%，rgba（240240240,1）47%，rgba（219219,1）52%，rgba（226226,1）100%）；
背景：-ms线性梯度（顶部，rgba（254254,1）0%，rgba（240240,1）47%，rgba（219219,1）52%，rgba（226226,1）100%）；
背景：线性梯度（至底部，rgba（254254,1）0%，rgba（240240,1）47%，rgba（219219,1）52%，rgba（226226,1）100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#fefefe'，endColorstr='#e2e2e2'，GradientType=0）；
}
.navTextNorm{
字体系列：代码灯；
字体大小：24px；
颜色：黑色；
-webkit文本笔划：1px；
文本对齐：居中；
边缘顶部：15px；
}
.导航链接{
文字装饰：无；
}
.导航链接：悬停{
}

谢谢，如果你能帮忙的话。

这就是你的意思吗

.navLinks:hover{
    text-shadow:0 0 5px #ff0000;
}

其中，零是x&y偏移，后跟模糊大小，后跟颜色