CSS的<style作用域>適用範圍

的作用域風格最簡單的例子以外的瀏覽器不工作（25節）：CSS的<style作用域>適用範圍

<div> 
    <h1>Hello 1</h1> 
</div> 
<div> 
    <h1>Hello 2</h1> 
    <style scoped> h1 { color: red; } </style> 
</div>

兩個h1變成紅色：

enter image description here

範圍風格應該只適用於第二h1。

我讀的功能在Chrome瀏覽器中實現，爲什麼不工作？難道我做錯了什麼？

你沒有做錯任何事。截至目前，範圍化的CSS仍然是一個實驗性功能，目前任何瀏覽器都不支持。

但是，如果你想在Chrome中發揮與它周圍，你可以做以下的事情：

2013-02-28 22:06:06

不支持任何當前瀏覽器是不正確的，它是由Firefox支持。 – pilavdzice 2014-09-30 20:16:42

@pilavdzice答案在2013年2月份有效。這比一年半前還要長。 ;） – 2014-10-02 01:21:03

當Chrome開始使用此功能時，我將非常高興。我在Firefox中享受它，但我需要Chrome才能發佈此功能，然後才能真正發瘋。這些應該一直存在的功能之一。這對模塊很有用。 – 2015-11-04 04:09:28

我認爲當你讀到的Chrome已經實現了它，就意味着它的開發版本，因爲它肯定不是在當前版本V25。

見兼容性圖表CanIUse網站：http://caniuse.com/style-scoped

同樣適用於Firefox的;它只在當前的alpha版本中。

鑑於發展的步伐，這將是在時間相對較短空間這兩個瀏覽器的發行版本，但簡短的回答是，這是現在沒有了。

2013-02-28 22:04:18 Spudley

我嘗試Chrome Canary版和它不工作，要麼。我發現一個網站提到你必須啓用它。 http://www.impressivewebs.com/scoped-styles-html5/儘管我很同意你的意見，但要儘早做到這一點。 – MiniRagnarok 2013-02-28 22:06:09

Aaa，它消失了。 Chrome刪除它37 – voodoocode 2015-06-16 13:06:11

回答