如何在外部 CSS 文件 (.css) 中设置 <html> 的 lang 全局属性

Question

当我尝试为 CSS 样式表（外部 .css 文件）中的 <html> 元素设置 lang 属性时，我不断收到警告消息。

在 CSS 样式表中，我添加了以下内容以设置 <html> 标记的 lang 属性：

html {
  lang: "en-US";
}

但是，我的编辑器（VS 代码）提示我一条警告消息，说明如下：

Unknown property: 'lang'css(unknownProperties)

我不确定我做的是否正确，所以我想知道是否有办法为 .css 中的 <html> 标签设置 lang 属性？

Answer 1

我从未见过或听说过在 CSS 文件中设置语言。据我所知，您应该在 HTML 文档的顶部声明它，如下所示：

<!DOCTYPE html>
<html lang="en"> <!-- RIGHT HERE -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>
<body>

</body>
</html>

唯一与属性或我能找到的 CSS 相关的语言是 :lang()。

根据 W3 学校：

:lang() selector 用于select 具有指定值的 lang 属性的元素。

您可以阅读整页 here, or on MDN，随您喜欢。

Answer 2

我们平时使用内联样式的时候，可能会误以为style的具体属性与html的其他属性是同一级别的，其实不然。

lang与id、class、style在同一层级，某种程度上css是html个style属性的集合

不能通过改变style(css)来改变id或者class的值，和lang一样（至少现在是这样）

只需在 ele 中使用 lang。

我没找到为什么 web 使用 lang 作为全局属性 html 为什么不是 style 属性而是一些有趣的东西。

在 mdn 中删除目录：

This attribute can be overridden by the CSS properties direction and unicode-bidi, if a CSS page is active and the element supports these properties.

As the directionality of the text is semantically related to its content and not to its presentation, it is recommended that web developers use this attribute instead of the related CSS properties when possible. That way, the text will display correctly even on a browser that doesn't support CSS or has the CSS deactivated.

从逻辑上讲，Lang 可能可以适应样式而不是全局属性，但它是全局属性之一，至少现在不能在 css 中设置，所以当它们出现时，请遵循约定不要破坏任何东西。

如何在外部 CSS 文件 (.css) 中设置 <html> 的 lang 全局属性

How to set the lang global attribute for <html> inside an external CSS file (.css)

html

css

attributes

lang