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