Css 少加亮、变暗和旋转有时只能起作用 问题

我是LESS的新手，我们刚刚在中级CSS和预处理器课程中学习了一些关于参数混合的基础知识。我在我的项目网站上工作，我喜欢较少人能做的事情，但它并不总是像我希望的那样工作

例如，在第143行附近，我将导航背景颜色设置为：

background-color: lighten(@color5, 50%);

color: lighten(@color5, 75%);

@color5以前在导入的palette.less文件中定义为深紫色。导航元素的背景色如预期的那样是淡紫色，向我显示

lighte（）

函数本身正在工作

但是，在文件的下一步，在“桌面”显示的媒体查询中（我使用的是mobile first方法），我设置了nav Unvisted链接颜色，如下所示：

background-color: lighten(@color5, 50%);

color: lighten(@color5, 75%);

我本以为这个任务会输出更浅的淡紫色，但它只显示白色（

#ffffff

）。我仔细检查了一下，以确保颜色不仅仅是超浅的紫色——不。它是白色的

在同一个媒体查询中，我还使用

spin（）

方法将链接悬停颜色设置为不同的色调。然而，它也不起作用，我的悬停颜色被翻译成白色。毫无意义

我的代码 下面是我的一些代码片段，但我不确定SE片段是否可以用更少的代码。或者我把它贴在这里的代码笔上：

风格。较少

/*
作业：CAS 215-模块8课堂作业
文件名：style.less
日期：2016年11月17日
程序员：埃里克·赫佩尔
*/
@导入“palete.less”；
@导入“mixin.less”；
/*/END参数混合*/
/*移动样式表------------------*/
/*通用选择器*/
* {
框大小：边框框；
}
/*身体*/
身体{
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
线高：1.5em；
背景色：@lightColor；
颜色：@darkColor；
a{
&：链接{
颜色：@color5；
字体大小：粗体；
}
&：参观{
颜色：@color4；
字体大小：正常；
}
&：悬停{
/*还没有*/
}
}
}
/*截面间距*/
主、页眉、页脚、导航{
填充：1em；
}
/*列表*/
保险商实验室{
列表样式类型：disc；
列表样式位置：内部；
左：1米；
文本缩进：-1em；
}
李{
线高：1.5em；
}
/*内联文本元素*/
em{
字体：斜体；
}
p{
保证金：1百万元；
.fontProperties（@darkColor；“Tahoma”；1米；1.2米；正常）；
}
/*标题*/
h1、h2、h3、h4、h5、h6{
保证金：1百万元；
}
h1{
.headingFontAttributes（@color5；1.8em）；
}
氢{
.headingFontAttributes（@color5；1.4em）；
}
h3{
.headingFontAttributes（@color5；1.1em）；
}
h4{
.headingFontAttributes（自旋（@color5123）；.9em）；
}
h5{
.headingFontAttributes（自旋（@color5123）；.85em）；
}
h6{
.headingFontAttributes（自旋（@color5123）；.75em）；
}
/*块元素*/
前{
字体系列：“信使新”，monospace；
空白：预包装；
.fancyBox（.3em；.3em；.3em；@darkColor）；
背景色：浅色（@color5，50%）；
填充：1.2米0；
边框：实心1px@彩色5；
字体大小：.8em；
空白：预处理；
溢出-x：滚动；
}
/*标题*/
标题{
背景色：@color5；
h1{
颜色：@color1；
边缘：2米；
文本对齐：居中；
}
}
/*导航*/
导航{
文本对齐：居中；
背景色：浅色（@color5，50%）；
宽度：自动；
显示：块；
填充：0；
保证金：0；
保险商实验室{
保证金：0；
填充：0；
列表样式：无；
李{
宽度：自动；
a{
文字装饰：无；
显示：块；
填充：.4em0；
边框底部：实心1px黑色；
&：链接{
颜色：变浅（@color5，75%）；
}
&：焦点{
背景色：@color2；
}
}            
}
}
}
/*主要*/
主要{
背景色：@color6；
}
/*页脚*/
页脚{
背景色：浅色（@color5，30%）；
颜色：@lightColor；
边框顶部：.6em实心@color5；
/*边框底部：.2em实心@彩色5*/
a{
&：链接{
颜色：@color1；
}
&：参观{
颜色：@color6；
}
}
h2，h3{
颜色：变深（@color5，10%）；
}
}
/*
平板电脑样式表
以下CSS影响所有大于480像素宽的屏幕大小。
*/
@仅介质屏幕和（最小宽度：481px）{
身体{
字体大小：14px；
}
前{
字体系列：“信使新”，monospace；
空白：预包装；
.fancyBox（.3em；.3em；.3em；@darkColor）；
填料：1.2米；
边框：实心1px@彩色5；
字号：1em；
溢出x：隐藏；
}
}
/*
桌面样式表
以下CSS影响所有大于1024像素宽的屏幕大小。
*/
@仅介质屏幕和（最小宽度：1025px）{
页眉、主页眉、页脚{
填料：2米；
}
导航{
文本对齐：左对齐；
背景色：浅色（@color5，50%）；
/*宽度：自动*/
显示：块；
填充：1em；
左：2米；
保证金：0；
保险商实验室{
保证金：0；
填充：0；
列表样式：无；
显示：内联；
左：1米；
文本缩进：-1em；
李{
宽度：自动；
保证金：0；
填充：0；
填充底部：0；
显示：内联块；
右边距：3em；
a{
文字装饰：无；
显示：块；
填充：0；
边界：无；
&：链接{
颜色：变浅（@color5，75%）；