セレクタ
アセンブラの魔女 ⧫ CSS ⧫ セレクタ
アセンブラの魔女 ⧫ CSS ⧫ セレクタ

 セレクタはスタイルを適用する対象を指定するために次のような規則集合(ruleset)の構文の中で用いられます。

規則集合の構文
セレクタ { プロパティ:値 }

 { プロパティ:値 }の部分は宣言ブロックと呼ばれ、セレクタは常に宣言ブロックとともに存在します。

 ユーザー・エージェントは、セレクタをパースできない場合、そのセレクタと後続の宣言ブロックを無視します。

規則集合のセレクタはスタイルを適用する領域を決定する。

selector_sample.css  selector_sample.html 

 次のコードはセレクタとしてHTML要素のdivを指定した例です。このコードはdiv要素内のフォントを40pxに設定します。

div { font-size:40px; }

セレクタ構文の概要
セレクタの種類(パターンマッチング規則)
 ユニバーサル・セレクタ
 型セレクタ
 ディセンダント・セレクタ
 チャイルド・セレクタ
 first_child疑似クラス・セレクタ
 リンク疑似クラス・セレクタ
 ダイナミック疑似クラス・セレクタ
 lang()疑似クラス・セレクタ
 隣接セレクタ
 属性セレクタ
 クラスセレクタ
 IDセレクタ
 疑似クラス
 疑似要素

▼ Property
記事情報
datePublished2011-01-01
dateModified2018-06-22
authorアセンブラの魔女
headlineCSSのセレクタに関する記事です
keywordsCSS
keywordsCascading Style Sheets
keywordsセレクタ
keywordsselector
publisher name= wiredFish, logo.name= wiredFish, logo.url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png size= 208 pixel x 50 pixel
image.url url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png , size= 208 pixel x 50 pixel