Html 按钮文本颜色

在几乎24小时的练习之后，我似乎无法将它组合在我的大脑中。我需要帮助将按钮文本颜色更改为白色，而其余的保持相同的颜色

//导航
//========================
美国海军
显示器：flex
左侧填充：0
顶部填充：15px
李国荣先生
列表样式：无
填充：10px
李丽娜先生
文本装饰：无
颜色：#000000
李国宝：最后一个孩子
颜色：#FFFFFF
.nav ul li a:悬停
颜色：#5c6ac4
李海军：不是（最后一个孩子）
右边距：20px
.nav li:第n个孩子（3）
右边距：自动
//钮扣
//==============
.btn
宽度：160像素
高度：20px
//边框：1px实心#5c6ac4
背景：#5c6ac4
边界半径：5px
长方体阴影：0.20px rgba（0,0,0,0.2）
填充：10px 15px 10px 15px
.btn:悬停
背景：#212b35
过渡色：背景色。6s缓变

添加

颜色：白色到css文件中的
.btn{..}
（css中的注释是
/*comment*/
：


.btn{
颜色：白色；
宽度：160px；
高度：20px；
/*边框：1px实心#5c6ac4*/
背景#5c6ac4；
边界半径：5px；
盒影：0.20px rgba（0,0,0,0.2）；
填充：10px 15px 10px 15px；
}
首先，您不能像那样使用预处理器，您应该将其转换为CSS，然后使用该CSS，CSS中的注释是
/*…*/
，规则是
.btn{key:value；}

因此，在将您的sass转换为css后，我们有：


/*导航*/
美国海军{
显示器：flex；
左侧填充：0；
填充顶部：15px；
}
李国荣先生{
列表样式：无；
填充：10px；
}
李丽娜先生{
文字装饰：无；
颜色：#000000；
}
李国宝：最后一个孩子{
颜色：#FFFFFF；
}
.nav ul li a:悬停{
颜色：#5c6ac4；
}
李海军：不是（最后一个孩子）{
右边距：20px；
}
.nav li:第n个孩子（3）{
右边距：自动；
}
/*钮扣*/
.btn:悬停{
背景：#212b35；
过渡色：背景色。6s放松；
}
a、 btn{
宽度：160px；
高度：20px；
/*边框：1px实心#5c6ac4*/
背景#5c6ac4；
边界半径：5px；
盒影：0.20px rgba（0,0,0,0.2）；
填充：10px 15px 10px 15px；
}








您已经在
.nav ul li a
中定义了颜色。您需要通过向
.btn
添加
颜色：白色！重要的
来覆盖该颜色，或者更改代码的结构

在大型项目中，处理带有许多
！重要的
标记的CSS文件可能会变得很困难，所以请尽量避免使用它。
CSS中的注释必须是
/*comment*/
您能解释一下您更改了什么，以及为什么更改吗？@nullqube我使用SASS作为我的样式语言。我不太明白您试图解释的顺序。@jhpratt我不知道我不明白你想说什么。更改为？算了吧。问题是你必须在使用前将你的sass转换为css。@请注意。非常感谢你的建议。我使用sass作为我的样式语言。注释是不同的。Thx mate！重要的工作，我接受你的建议以避免。也许一路上我会尝试看看是什么目前，该公司正着手进行重组。