Атрибут scoped является атрибутом-переключателем. Если данный атрибут указан, то стили, определенные в таком элементе <style>, будут применяться не ко всему HTML документу, а только к элементу, внутри которого определен этот элемент <style>, а именно ко всем вложенным в него элементам.
Атрибут scoped для тега <style> был добавлен в HTML5 и недоступен в HTML 4.01.
В XHTML минимизация атрибутов запрещена, поэтому атрибут scoped должен определяться как <style scoped="scoped">.
Синтаксис атрибута
<style scoped>
Пример использования атрибута
Используем атрибут scoped для определения стилей для элементов, вложенных в тег <div>:
<div>
<style scoped>
h1 { color:red; }
p { color:blue; }
</style>
<h1>Это заголовок</h1>
<p>Это текстовый абзац.</p>
</div>
