style要素

<head>
  <style type="text/css">
  body {
      color:red;
  }
  </style>
</head>

scoped属性を指定しない場合、style要素はhead要素の子要素として配置します。

属性

scoped属性

HTML5で追加されたscoped属性を指定すると、style要素の適用範囲をその親要素に限定できます。

<div>
  <style scoped>
    p {
      color:red;
    }
  </style>
  <p>ABC</p><!-- この要素にはスタイルが適用される -->
</div>

<p>ABC</p><!-- この要素にはスタイルが適用されない -->

参考

HTMLの情報サイトから、まとめて検索