Описание scoped
Атрибут scoped является логическим атрибутом.
Атрибут scoped указывает, что стили применяются только к родительскому элементу этого элемента и дочерних элементов этого элемента (не весь документ).
Применение scoped
Атрибут scoped можно использовать для следующего элемента:
| Элемент | Атрибут |
|---|---|
| <style> | scoped |
Пример
Используйте атрибут scope, чтобы задать стиль для элемента <div>:
<div>
<style scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>Это Заголовок</h1>
<p>Это параграф.</p>
</div>
Попробуйте сами »
Поддержка scoped
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| scoped | Не поддерживает | Не поддерживает | 21.0 | Не поддерживает | Не поддерживает |