5W site logo 5W - мой домашний сайт-блог с картинками, кино и плюшками.

css-style-scoped.txt

Атрибут 'SCOPED' является логическим. Если данный атрибут присутствует, это означает что стили будут применяться к дереву элементов корнем которого является элемент внутри которого находится элемент 'STYLE', а не ко всему документу. Причем элемент 'STYLE' должен быть первым элементом корневого элемета.

Где это можно использовать

Так много слов говорилось о разделении представления и содержания, и тут вдруг появляется такая неоднозначная функциональность. Так где же можно это применить?
W3C предлагает некоторые пути для которых может подойти данная функциональность:

Добавление специфических (одноразовых стилей)
Добавление пользовательских стилей для WIKI или CMS
Добавление определенных стилей через CMS плагины
Держать неразрывное содержимое вместе (т.е., держать код примера вместе с самим примером)
-----------------------------------------------
Как это работает
изменим цвет текста у второго параграфа на красный:

<article>
<h1>Style Scoped</h1>
<p>The scoped attribute for the style element will eventually allow for you to include style elements mid-document. To do this, you must mark up your style element with the scoped attribute.</p>
<section>
<style scoped>
p { color: red; }
</style>
<h2>How does it work?</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
</article>
----------------------------------------------------

Для того чтобы применять внешние таблицы стилей в определенном контексте предлогается использовать следующий код.

<style scoped="scoped">@import url(любой);</style>
Наверх