Coursera Meta后端认证CSS测验:样式显示正常却未通过自动评分
问题排查方案
针对h2内span颜色未通过的问题
- 检查选择器精准度:如果HTML里的
NEW标签带有特定class(比如<span class="new">NEW</span>),仅用h2 span可能优先级不足,或是测试要求必须匹配带class的选择器,改成h2 .new试试。 - 确认颜色值完全匹配:虽然CSS对十六进制颜色大小写不敏感,但部分自动评分器会严格校验字符,确保你写的是
#fa9f42,没有少写、多写字符,也未写成RGB格式。 - 调整样式顺序:如果你的样式写在平台默认CSS之前,可能被后续规则覆盖,把span颜色规则移到CSS代码的末尾再测试。
针对#copyright字号未通过的问题
- 确认选择器类型:别把ID选择器写成类选择器,必须用
#copyright而非.copyright,ID选择器优先级更高,也完全匹配测试目标元素。 - 排查覆盖或继承问题:如果父元素设置了
font-size,0.75em是相对父元素的计算值,部分测试会直接校验CSS规则声明而非最终渲染值,确保#copyright规则里明确写了font-size: 0.75em;,且没有被更具体的选择器(比如footer #copyright)覆盖。 - 检查语法细节:比如字号后面漏写
em单位、多了不必要的空格,这类细节可能触发自动评分器的错误判断。
内容的提问来源于stack exchange,提问作者cuddlepimp
相关产品推荐
相关产品推荐

