CSSでセレクションを追加する方法

.my-class {
  /* セレクションに適用するスタイル */
}

スタイルの指定: セレクションに適用するスタイルを指定します。スタイルはプロパティと値のペアで表されます。例えば、背景色を指定する場合は、background-colorプロパティを使用します。以下は例です:

.my-class {
  background-color: yellow;
  color: red;
}

セレクションの追加: HTMLの要素にセレクションを追加するには、HTMLファイル内でCSSスタイルシートをリンクし、該当する要素に対して適用するセレクタとスタイルを指定します。以下は例です:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1 class="my-class">Hello, World!</h1>
</body>
</html>

上記の例では、my-classクラスが付いた<h1>要素に対して、背景色が黄色でテキストの色が赤になるスタイルが適用されます。

これらのステップに従って、CSSでセレクションを追加することができます。必要なスタイルとセレクタを適切に指定することで、ウェブページの見た目をカスタマイズしましょう。