2014-07-12 32 views
2

以下標記是否有效?它是有效的CSS規則在風格屬性?

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

Firefox和Linux上的Chromium不會顯示它,但W3C驗證程序並未將其標記爲錯誤。

+1

你不能導入內聯樣式。 – davidkonrad

+1

W3C HTML驗證器不驗證CSS。這是無效的:http://dev.w3.org/csswg/css-style-attr/#syntax – Blender

+1

如果它不起作用,誰在乎它是否有效? – JJJ

回答

2

只有declaration可以放置在風格屬性的內部。

HTML 4.01 specification

風格屬性的值的語法由默認的樣式表語言來確定。例如,對於[[CSS2]]內聯樣式,請使用4.1.8節中所述的聲明塊語法(不帶大括號分隔符)。

+0

更新的引用(與原理相同):W3C推薦[CSS Style Attributes](http://www.w3.org/TR/css-style-attr/) –

1

它不是。

@ - 規則不能直接包含規則,而只能包含選擇器。

  • @import導入文件,但他們不能在選擇器之外有規則。
  • @media只能包含選擇器。
  • @font-face不影響元素。

style屬性是爲制定規則直接到元素,所以顯然是@ -rules不適合那個。

+0

這樣做很有意義。謝謝 – steve