html тег <style> атрибут scoped
Атрибут scoped - являється логічним атрибутом.
Атрибут scoped вказує, що стилі застосовуються не до всього документа, а тільки до батьківського елементу і його дочірнім елементам.
Синтаксис
<style scoped>Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 0+ | 21+ | 0+ | 0+ | 12+ | 0+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 0+ | 0+ | 0+ | 0+ |
Приклади
+ запропонувати свій приклад у пісочниці
scoped мав замикати стилі всередині свого контейнера, але браузери підтримку прибрали: стиль діє на всю сторінку — червоні ОБИДВА заголовки, і в div, і поза ним. Локальні стилі тепер дають Shadow DOM або правило @scope.
<div>
<style scoped>
h4 { color: red; }
</style>
<h4>Заголовок у div</h4>
</div>
<h4>Заголовок поза div — теж червоний, scoped не спрацював.</h4>Різниця між HTML 4.01 та HTML5
Атрибут scoped з’явився тільки у HTML5.
Різниця між XHTML та HTML
У XHTML мінімізацований запис атрибутів заборонено, тому атрибут scoped повинен бути визначений як <style scoped="scoped" />.
Коментарі
Коментарів ще немає — будьте першим!