Html 下拉菜单定位和样式

如何使悬停效果在下拉列表的全宽范围内，使文本在悬停在li而不是a上时改变颜色

所以它应该是一个黑色的下拉菜单，当每个链接在li的背景上悬停时，应该更改为RGBA255255，0.1，文本应该更改为RGBA102245，66，0.8，li和a部分不应该溢出我尝试过的正常下拉部分溢出：隐藏

.下拉内容{ 显示：无； 位置：绝对位置； 背景色：1c1c； 最小宽度：240px； 盒影：0px 8px 16px 0px rgba0,0,0,0.2； 填充：12px 16px； z指数：1； 高度：300px； 位置：绝对位置； 右：0； 排名前100名； } 保险商实验室{ 列表样式：无； 溢出：隐藏； } 李{ 字号：1em； 文本对齐：居中； 填料顶部：.5em； 高度：75px； 宽度：240px； 溢出：隐藏； } a{ 颜色：fff； 文字装饰：无； 字号：2rem； 字体系列：$主字体； 宽度：240px； } a:悬停{ 颜色：rgba102、245、66、0.8； } 李：悬停{ 背景：rgba255、255、255、.2； 颜色：8FC3A1； 宽度：240px； 光标：指针； } .下拉：悬停.下拉内容{ 显示：块； } 就在上面徘徊吧

---

我想你正在寻找这个我不是很确定，请让我知道，如果它满足你的要求，解决方案是改变颜色的a当我们悬停李

.下拉内容{ 显示：无； 位置：绝对位置； 背景色：1c1c； 最小宽度：240px； 盒影：0px 8px 16px 0px rgba0,0,0,0.2； 填充：0； z指数：1； 高度：300px； 位置：绝对位置； 右：0； 左：0； } 保险商实验室{ 列表样式：无； 溢出：隐藏； 保证金：0； 填充：0； } 李{ 字号：1em； 文本对齐：居中； 边缘底部：10px； } 李：悬停{ 背景：RGBA255255，0.1； 颜色：8FC3A1； 光标：指针； } 李：停一停{ 颜色：RGBA102245,66,0.8 } a{ 颜色：fff； 文字装饰：无； 字号：2rem； 字体系列：$主字体； 宽度：240px； } .下拉：悬停.下拉内容{ 显示：块； } fa条下拉列表

---

你在使用引导程序吗？如果没有。然后将a更改为{display:block；}，并将所有大小定义道具从li移动到a，或者使用绝对全宽a:before或a:after填充完整li元素。如果使用引导，则只需更改类以适应引导版本的使用标准。希望如此helps@andris没有使用引导，我尝试将其更改为display:block并移动所有基于大小的样式，但没有效果。您正在寻找li:hover{background color:…}li:hover a{color:…}？