Question

https://jsfiddle.net/ahlborg3000/zbb9szkq/

我正在创建自己的教程网站来学习Web开发，但CSS开始打破我。现在只有一些文本编辑工作。 W3C CSS Validator和CSS Lint仅指向第113行的解析错误：

编辑：解析错误：第113行第3列的预期COLON。

编辑：第90行：

body {
    font-family: 'Joti One';

第113行：

p {
    color: lime;
    opacity: 0.8;
}

但为什么我的代码一个接一个停止工作？请帮忙。

编辑：delinear caugt在第92行应该遵循的缺失花括号，导致所有后续代码失败。谢谢！

Answer 1

你没有关闭这种风格：

body {
    font-family: 'Joti One';

导致之后的一切失败。修复此问题还会导致以下验证问题：

290 .p3 Value Error : border-top-style Too many values or values are not recognized : dotted 5px lime
291 .p3 Value Error : border-right-style Too many values or values are not recognized : dashed 7px #ff0000
292 .p3 Value Error : border-bottom-style Too many values or values are not recognized : solid 7px rgb(255, 0, 0)
293 .p3 Value Error : border-left-style Too many values or values are not recognized : double 5px lime
303 html    Value Error : font-family Missing a semicolon before the property name background-color

因为您将非border-style值传递给border-style属性而导致边界问题，您应该只使用border-top，border-right等（除非你只是试图改变这里的风格，在这种情况下你应该只传递虚线，虚线等值，而不是宽度和颜色。）

最后，我不认为background-clip: text;目前支持无前缀（至少验证者抱怨它）。它不应该影响正在显示的CSS的其余部分，但值得注意。

为什么我的CSS坏了？

1 个答案: