问：大家好。
我有一个问题。我试图以某种方式设置我的一个 CTA 按钮的样式，当用户将鼠标悬停在 CTA 按钮上时，其背景颜色将从透明变为橙色 + 链接文本的颜色也应从橙色变为白色。
这是我的 CSS：
/* 导航 CTA */
#nav-cta {
宽度：9%；
颜色：#E48210；
显示：内联块；
边框：2px 实心 #E48210;
边框半径：30px；
字体大小：0.8em；
字体粗细：300；
文本对齐：居中；
填充：0.7%；
保证金：1.5% 5% 0% 0%；
浮动：对；
}
#nav-cta:hover {
背景：#E48210;
颜色：#FFFFFF；
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
过渡：.4s；
}
#nav-cta a {
颜色：#E48210;
}
#nav-cta a:hover {
颜色：#FFFFFF;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
过渡：.4s；
}
答：a 标签是在 li 标签内设置的吗？？这就是我所做的.......也许你可以找到一些对这有帮助的东西...... <head> <style> ul { list-style: none; } li { 显示：内联块；边距：20px；} a { 显示：块；边框：1px纯黑色；最大宽度：自动；颜色：黑色; 填充：20px；边框半径：20px；文字装饰：无；字体大小：20px；} a:hover { 背景颜色：橙色；白颜色; 边框：1px纯橙色；} </style> </head>
<body> <ul> <li> <a href="#">欢迎</a> </li> <li> <a href="#">欢迎</a> </li> <li> < a href="#">欢迎</a> </li> <li> <a href="#">欢迎</a> </li> <li> <a href="#">欢迎</a>一个> </li> </ul>
</正文>
