Html I'；I’我正在尝试将内部文本更改为悬停的白色

我无法更改悬停颜色白色的内部文本。我正在使用：：before:悬停。。当我将鼠标悬停在整个div上时，它可以被更改，但文本仍然是黑色的，为什么我的代码不能工作

功能{
.特征矩形{
位置：相对位置；
高度：180像素；
宽度：270px；
边界半径：20px；
背景色：$浅色；
@包括框阴影（$formshadow）；
文本对齐：居中；
边缘底部：30px；
填充：20px；
z指数：1；
显示：块；
}
.feature rect:：before{
位置：绝对位置；
内容：“；
排名：0；
右：0；
底部：0；
左：0；
背景：线性梯度（180度，#232153 0%，#6F2365 100%）；
z指数：-1；
过渡：不透明度0.5s线性；
不透明度：0；
边界半径：20px；
显示：块；
颜色：#fff；
光标：指针；
}
.feature rect:hover:：before{
不透明度：1；
} 
.功能矩形：悬停{
颜色：#fff；
} 
}

同侧染色体
Lorem Ipsome Lorem Ipsome Lorem Ipsome Lorem Ipsome

.feature rect{
位置：相对位置；
高度：180像素；
宽度：270px；
边界半径：20px；
背景色：$浅色；
@包括框阴影（$formshadow）；
文本对齐：居中；
边缘底部：30px；
填充：20px；
z指数：1；
显示：块；
}
.feature rect:：before{
位置：绝对位置；
内容：“；
排名：0；
右：0；
底部：0；
左：0；
背景：线性梯度（180度，#232153 0%，#6F2365 100%）；
z指数：-1；
过渡：不透明度0.5s线性；
不透明度：0；
边界半径：20px；
显示：块；
颜色：#fff；
光标：指针；
}
.feature rect:hover:：before{
不透明度：1；
} 
.功能矩形：悬停{
颜色：#fff；
} 
.功能矩形：悬停div{
颜色：#fff！重要；
}

同侧染色体
Lorem Ipsome Lorem Ipsome Lorem Ipsome Lorem Ipsome

.feature rect{
位置：相对位置；
高度：180像素；
宽度：270px；
边界半径：20px；
背景色：$浅色；
@包括框阴影（$formshadow）；
文本对齐：居中；
边缘底部：30px；
填充：20px；
z指数：1；
显示：块；
}
.feature rect:：before{
位置：绝对位置；
内容：“；
排名：0；
右：0；
底部：0；
左：0；
背景：线性梯度（180度，#232153 0%，#6F2365 100%）；
z指数：-1；
过渡：不透明度0.5s线性；
不透明度：0；
边界半径：20px；
显示：块；
颜色：#fff；
光标：指针；
}
.feature rect:hover:：before{
不透明度：1；
} 
.功能矩形：悬停{
颜色：#fff；
} 
.功能矩形：悬停div{
颜色：#fff！重要；
}

同侧染色体
Lorem Ipsome Lorem Ipsome Lorem Ipsome Lorem Ipsome

嵌套（当其他花括号中有花括号时）不是css的功能，只是css预处理器（如sass等）的功能。因此，您需要像这样展开嵌套：

.feature.feature rect{
位置：相对位置；
高度：180像素；
宽度：270px；
边界半径：20px；
背景色：$浅色；
@包括框阴影（$formshadow）；
文本对齐：居中；
边缘底部：30px；
填充：20px；
z指数：1；
显示：块；
}
.feature.feature rect:：before{
位置：绝对位置；
内容：“；
排名：0；
右：0；
底部：0；
左：0；
背景：线性梯度（180度，#232153 0%，#6F2365 100%）；
z指数：-1；
过渡：不透明度0.5s线性；
不透明度：0；
边界半径：20px；
显示：块；
颜色：#fff；
光标：指针；
}
.feature.feature rect:hover:：before{
不透明度：1；
}
.feature.feature rect：悬停{
颜色：#fff；
}

同侧染色体
Lorem Ipsome Lorem Ipsome Lorem Ipsome Lorem Ipsome

嵌套（当其他花括号中有花括号时）不是css的功能，只是css预处理器（如sass等）的功能。因此，您需要像这样展开嵌套：

.feature.feature rect{
位置：相对位置；
高度：180像素；
宽度：270px；
边界半径：20px；
背景色：$浅色；
@包括框阴影（$formshadow）；
文本对齐：居中；
边缘底部：30px；
填充：20px；
z指数：1；
显示：块；
}
.feature.feature rect:：before{
位置：绝对位置；
内容：“；
排名：0；
右：0；
底部：0；
左：0；
背景：线性梯度（180度，#232153 0%，#6F2365 100%）；
z指数：-1；
过渡：不透明度0.5s线性；
不透明度：0；
边界半径：20px；
显示：块；
颜色：#fff；
光标：指针；
}
.feature.feature rect:hover:：before{
不透明度：1；
}
.feature.feature rect：悬停{
颜色：#fff；
}

同侧染色体
Lorem Ipsome Lorem Ipsome Lorem Ipsome Lorem Ipsome

我添加了like as code，但仍然不起作用…….功能rect:hover{color:#fff；}然后听起来你有一个特殊性问题，请演示这个问题。当我将整个div悬停时，渐变色出现了，但内部文本仍然是黑色。。。。所以我希望内部文本应该是白色的。我添加了像代码一样的内容，但仍然不起作用。……功能rect:hover{color:#fff；}那么听起来你有一个特殊性问题，请演示这个问题。当我将整个div悬停时，渐变颜色出现了，但内部文本仍然是黑色的。。。。所以我希望内部文本应该是白色。。