CSS类样式问题

Question

在Windows记事本中使用css时出现以下问题：

import

当运行它时，唯一可以在.page类选择器下工作的是用于去除链接下划线的文本修饰声明。请帮忙！

Answer 1

由于你每次在CSS中找不到语法错误时都无法发布到SO，因此需要更好的方法。

您可以使用一个熟悉CSS的主管编辑器或IDE，并可以在屏幕上突出显示错误。这是VSCode的截图。你可以从着色中看出出了什么问题：

或者，您可以通过CSS linter或验证程序（例如W3C CSS Validator）运行CSS。它本来会告诉你的：

大多数Web浏览器也会以解析错误的形式报告错误，或者以样式检查器中显示的未知属性名称或无效属性值的形式报告错误。了解如何使用它。这是它的样子：

将鼠标悬停在小黄色三角形上会显示问题的更多详细信息，例如“未知属性名称”或“无效的属性值”。

Answer 2

这一行：

font: "Georgia, serif;

应该是：

font-family: "Georgia", serif;

此外，设置字体颜色的属性为color而不是font-color，并且需要拆分边框属性。

所以你的page课应该是这样的：

.page {
    text-decoration: none;
    display: inline;
    font-family: "Georgia", serif;
    font-size: 40px;
    color: rgb(0,0,205);
    border-width: 2px 1px 1px 1px;
    border-style: solid;
    border-color: rgb(255,140,0);
}

Answer 3

检查this小提琴。

  

CSS

我所做的改变：

这

font: "Georgia, serif;

到

font-family: Georgia, serif;

这

font-color: rgb(0,0,205);

到

color: #0000cd;

这

border: 2px 1px 1px 1px solid rgb(255,140,0);

到

border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-color:rgb(255,140,0);
border-style: solid;

更多信息：

Fonts

Font colors

Borders

希望能帮到你。