Question

我正在阅读一本书中的教程，它说要使用CSS为user.save()和html元素设置不同的背景颜色。主体的最大宽度为1020px，因此如果窗口足够宽，html背景颜色将显示在两侧。以下是背景颜色的CSS代码，布局CSS位于单独的文件中：

body

我已经在Chrome，Safari和Firefox中对此进行了测试，并且三者都忽略了html{ background-color: rgb(235, 177, 131); background-color: hsl(27, 72%, 72%); } body{ color: rgb(91, 91, 91); background-color: ivory; }样式规则。但是，当我指定内联的背景颜色时，例如：

html

然后它有效。有谁知道这里会发生什么？

**编辑**

以下是HTML文件的开头，您可以看到我正在链接<html style="background-color: hsl(27, 72%, 72%);">元素中的样式表：

head

**更新**

发现问题。我在<!doctype html> <html style="background-color: hsl(27, 72%, 72%);"> <head> <meta charset="utf-8" /> <meta name="keywords" content="triathlon, running, swimming, cycling" /> <title>Tri and Succeed Sports</title> <link href="tss_layout.css" rel="stylesheet" /> <link href="tss_styles.css" rel="stylesheet" /> </head>样式规则之前的@charset指令末尾错过了分号。这导致浏览器忽略它。现在工作正常。

Answer 1

您可以尝试创建类似

的类

.html {
    background-color: red;
}

然后

<html class="html">

</html>

此外，这里有fiddle您的代码，以及Chrome，Firefox和IE中的图片

铬：

火狐：

IE（win7上的垃圾浏览器）：

编辑：我缩小了身体4次，所以我可以证明它有效。

浏览器忽略HTML元素的CSS选择器

1 个答案: