CSS 基本的な書き方その１ CSSセレクターとは

CSSの基本的な使い方を説明します。そのうえで今回は必要な知識の一つCSSセレクタを紹介します。

CSSセレクタとは

　サンプルを見ながら説明していきます。

ex1

　html簡単なサンプルソースを書きます

<p>ここは文字列です。</p>

次に”ここは文字列です”を指定するのにCSSセレクタを使います。

”ここは文字列です”のCSSセレクタは

p

です。

これはPタグすべてを指しています。

次の例を見てみましょう。

ex2

　html簡単なサンプルソースを書きます

<div class="sec1">

 <p>ここは文字列です。</p>

<div>

CSSセレクタは、

 .sec1>p

です。

.sec1が、sec1クラスを指していて、＞がその中のという意味で、pがpタグを指しています。