我想编写一个 css 规则,该规则将使用不同的引号来表示不同语言的引号。我知道lang
是一个HTML属性,那么为什么我不能使用下面的css属性选择器呢?下面的代码不应该针对所有q
and blockqutote
元素内部的元素lang
属性具有sk
value?
[lang=sk] q,
[lang=sk] blockquote {
quotes: "-" "-";
}
我知道下面的代码可以工作,但我不太明白为什么上面的代码不行。这个例子使用了伪类,这对我来说不是很直观。原因大概是这样的lang
同时是一个 html 属性,这对我来说有点令人困惑。
:lang(sk) q,
:lang(sk) blockquote {
quotes: "-" "-";
}
预先感谢您为我解决了这个问题。
:lang(x)
更接近于[lang|=x]
than [lang=x]
但它们仍然不同,因为:lang
指的是内容而不是元素。描述差异的最清晰方式是通过以下示例CSS spec http://w3c.github.io/html/dom.html#the-lang-and-xmllang-attributes:
请注意 [lang|=xx] 和 :lang(xx) 之间的区别。在这个 HTML 中
例如,只有 BODY 匹配 [lang|=fr] (因为它有一个 LANG
属性)但 BODY 和 P 都匹配 :lang(fr) (因为两者
是法语)。
<body lang=fr>
<p>Je suis Français.</p>
</body>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)