Атрибут scoped HTML тега <style>

Значение и применение

Атрибут scoped (HTML тега <style>) является логическим атрибутом, который указывает, что стили применяются не ко всему документу, а только к родительскому элементу и его дочерним элементам. Элемент <style> при этом размещается не внутри элемента <head>, а внутри того родительского элемента для которого применяются стили.

Синтаксис:

<style scoped>

Значения атрибута

Отличия HTML 4.01 от HTML 5

Пример старого кода

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <title>Встроенные стили</title>
    <style scoped>
      p {
        color: #9b3c00;
      }
    </style>
  </head>
  <body>
    <h1>Моя страница</h1>
    <p>Содержимое документа.</p>
  </body>
</html>