2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] タイプセレクタで指定した要素にスタイルを適用しよう!

タイプセレクタの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.タイプセレクタとは?

タイプセレクタは要素型セレクタとも呼ばれるセレクタで、 指定された要素にスタイルを適用するセレクタになります。

タイプセレクタの指定方法は、セレクタ部分にスタイルを適用したい要素名を記述すれば大丈夫です。




2.タイプセレクタの使い方

それではタイプセレクタの使い方をみていきましょう。

・・・

<h1>[CSS] タイプセレクタで指定した要素にスタイルを適用しよう!</h1>

<h2>タイプセレクタとは?</h2>
<p>タイプセレクタは要素型セレクタとも呼ばれるセレクタで、 指定された要素にスタイルを適用するセレクタになります。</p>

<h2>タイプセレクタの使い方</h2>
<p>それではタイプセレクタの使い方をみていきましょう。</p>

・・・
h1 {
 color: red;
}

h2 {
 color: blue;
}

p {
 color: gray;
}

上記の例ではh1要素、h2要素、p要素にスタイルを適用して、文字色をそれぞれ変更しています。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です