为什么我的导航栏链接的颜色不会改变？

9 浏览
0 Comments

为什么我的导航栏链接的颜色不会改变？

这是我现在的HTML代码。我试图更改导航栏中特定链接的样式。\"font-family\"，\"line-height\"和\"font-size\"都起作用了，但链接的颜色却不会改变。\n

\n这是我第一个CSS样式：\n.textstyle16 {\n font-family: \"montserrat-regular\";\n font-size: 18px;\n line-height: 21px;\n color: #474747;\n}\n这是我第二个CSS样式：\n.textstyle18 {\n font-family: \"montserrat-regular\";\n font-size: 18px;\n line-height: 21px;\n color: #ffffff;\n}

0

3 答案

0 Comments

为什么我的导航栏链接颜色不会改变？

原因：这可能是因为在代码的其他地方被覆盖了。可以在颜色定义中添加!important，如果这样可以改变颜色，那么就是在样式中的其他地方被覆盖了。

解决方法：右键点击链接，然后在Google Chrome或Firefox中选择“检查”（inspect）。您将能够看到应用于该链接的具体样式。

示例：

enter image description here

0
0 Comments

问题原因：链接的颜色没有改变的原因是没有正确选择链接元素。

解决方法：使用 .textstyle16 a 或 .textstyle16 a:link 作为选择器。链接是 子元素，不具有自己的类，如果不使用这些选择器，浏览器默认样式中的 a 标签颜色声明将会生效。

0
0 Comments

在设置导航栏链接的颜色时，使用了错误的CSS属性，应该使用color:而不是font:。错误的属性可能导致导航栏链接的颜色无法改变。

解决方法：

使用正确的CSS属性color:来设置导航栏链接的颜色。

0