Вложенные элементы <style>

В каждом компоненте может присутствовать только один тег <style>.

Тем не менее, вы можете вложить тег <style> внутри других элементов или логических блоков.

В таком случае тег <style> будет добавлен в DOM без изменений; для него не будет применяться ограничение области видимости или какая-либо обработка.

<div>
  <style>
    /* этот тег будет добавлен как есть */
    div {
      /* будет применяться ко всем элементам `<div>` в DOM */
      color: red;
    }
  </style>
</div>