無料ホームページ作成!CSS・スタイルシート
セレクタ

無料ホームページ作成!CSS
セレクタの使い方

ホームページで使うセレクタの使い方

セレクタのグループ化

複数のセレクタにCSS・スタイルシートを記述が出来ます、セレクタ名の間に「,」を入れるだけです。

CSSソース

p,a,#sannkome{
	color:#000000;
	font-size:10px;
}
 

これでp要素、a要素、sannkome(IDセレクタ)の三つに属性が適用されます。

子孫セレクタ

p要素の中にあるa要素だけ適用させて場合などに使用します。この使い方をすると部分により表示を変える事が出来るようになるので、このホームページを作る!HTML&CSSのサイトのように右と左で変更できます。
使い方は間にスペースを入れるだけです。

CSSソース

.sidemap p{
	color:#ff0000;
	font-size:10px;
}
 

sidemapというclassセレクタ内のp要素に属性が適用されます。
classセレクタのsidemapにはCSS・スタイルシートは適用されません。
子孫セレクタさえ使いこなせるようになればかなり便利になります。

他には?

あることにはありますが、対応ブラウザが限られてしまったり、使い難いためこのホームページを作る!HTML&CSSでは取り上げません。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS