自定义CSS样式未生效，链接仍保持默认配色方案求助

你的CSS代码存在几处错误，导致自定义样式无法生效：

• 颜色值写法错误：#white是无效语法，白色需使用关键字white，或者十六进制值#ffffff
• 伪元素语法错误：nav ul li a:hover:after:{里多了一个冒号，正确写法应为nav ul li a:hover::after {
• 过渡属性不明确：原代码的transition: 0.5s建议明确指定过渡属性，避免不必要的性能消耗

修正后的完整代码：

nav ul li a{
    color: white; /* 也可替换为 #ffffff */
    text-decoration: none;
    font-size: 18px;
    position: relative;
}
nav ul li a::after{
    content: '';
    width: 0;
    height: 3px;
    background: #d6799e;
    position: absolute;
    left: 0;
    bottom: -6px;
    transition: width 0.5s;
}
nav ul li a:hover::after{
    width: 100%;
}

额外排查点：

• 确认HTML结构与CSS选择器层级匹配（即页面中确实存在nav > ul > li > a的结构）
• 打开浏览器开发者工具的「元素」面板，查看链接元素的样式列表，若你的自定义样式被划掉，说明存在更高优先级的CSS规则覆盖，可通过给选择器添加父类名、ID等方式提升权重

内容的提问来源于stack exchange，提问作者Ninivianne