CSS <style scoped> działa poza zakresem

Question

Najprostszym przykładem określania zakresów stylu nie działa w Chrome (V 25):

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

Spróbuj: http://jsfiddle.net/RWW8r/2/

Zarówno h1 stają się czerwone style

zakres powinny mieć zastosowanie jedynie do drugiego h1.

Czytałem, że funkcjonalność została zaimplementowana w Chrome, dlaczego to nie działa? czy robię coś źle?

Answer 1

Nie robisz nic złego. Od tego momentu scoped CSS jest nadal eksperymentalną funkcją, która nie jest obsługiwana przez żadną przeglądarkę.

Jednakże, jeśli chcesz się bawić z nim w Chrome można zrobić następujące rzeczy:

• Go do chrome: // flags/w przeglądarce Chrome;
• Znajdź "Włącz eksperymentalne funkcje WebKit". i kliknij włącz
• Uruchom ponownie przeglądarkę.
• Wypróbuj swój kod. Powinno działać.

Answer 2

Wydaje mi się, że po przeczytaniu, że Chrome go zaimplementował, oznacza to, że był w wersji rozwojowej, ponieważ na pewno nie jest w obecnej wersji v25.

Zobacz witrynę CanIUse dla wykresów Kompatybilność: http://caniuse.com/style-scoped

samo dotyczy Firefoksa; to tylko w aktualnej alfa.

Biorąc pod uwagę tempo rozwoju, będzie on dostępny w wersji obu tych przeglądarek w stosunkowo krótkim czasie, ale krótka odpowiedź brzmi, że nie ma go teraz.