Question

以下标记是否有效？

<!DOCTYPE html>
<html>
    <head>
         <title>Test whether at-rules are valid in style attributes</title>
    </head>
    <body style="@import url(style.css);"></body>
</html>

Linux上的Firefox和Chromium不会渲染它，但W3C验证器没有将其标记为错误。

Answer 1

没有

只有declaration可以放在样式属性中。

来自HTML 4.01 specification：

style属性值的语法由默认样式表语言确定。例如，对于[[CSS2]]内联样式，请使用4.1.8节（没有大括号分隔符）中描述的声明块语法。

Answer 2

不是。

@ - 规则不能直接包含规则，只能包含选择器。

@import导入文件，但是他们不能在选择器之外有规则。
@media只能包含选择器。
@font-face不会影响元素。

style属性用于将规则直接设置为元素，因此显然@ - 规则不适合。

css at-rule在样式属性中是否有效？

2 个答案: