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



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

在 CSS 样式表中,我添加了以下内容来设置<html>标签的lang属性:

html {
lang: "en-US";
}

但是,我的编辑器(VS 代码(提示我一条警告消息,说明以下内容:

Unknown property: 'lang'css(unknownProperties)

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

当我们通常使用内联样式时,我们可能会错误地认为样式的特定属性与 html 的其他属性是水平的,但它们不是。

lang 与 id、class、style 处于同一级别是分层的,在某种程度上 CSS 是 HTML 样式属性的集合。

你不能改变 style(css( 来改变 id 或类的值,就像 lang 一样。

只需在 ELE 中使用 lang。

我不知道为什么网络使用 lang 作为 html 全局属性,为什么不是样式属性,而是一些有趣的事情。

MDN 中目录的成熟:

如果 CSS 页面处于活动状态并且元素支持这些属性,则此属性可以被 CSS 属性方向和 unicode-bidi 覆盖。

由于文本的方向性在语义上与其内容相关,而不是与其表示相关,因此建议 Web 开发人员尽可能使用此属性而不是相关的 CSS 属性。这样,即使在不支持 CSS 或停用 CSS 的浏览器上,文本也会正确显示。

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

我从未见过或听说过在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()选择器用于选择具有指定值的 lang 属性的元素。

你可以在这里阅读整页,或者在MDN上阅读,无论你喜欢哪个。

相关内容

最新更新