セレクタ一覧

Posted on 6月 23, 2010

0


名前 対象 使い方
ユニバーサルセレクタ
(全称セレクタ)
すべての要素 * {color: #ffffff;}
タイプセレクタ 指定した要素 div {color: #ffffff;}
子孫セレクタ 親要素に含まれる子孫要素 div p {color: #ffffff;}
子セレクタ 親要素に含まれる直接の子要素 div > p {color: #ffffff;}
隣接セレクタ 兄要素の直後の弟要素 p + span {color: #ffffff;}
クラスセレクタ クラス名を設定した要素 .classname {color: #ffffff;}
IDセレクタ ID名を設定した要素 #idname {color: #ffffff;}
属性セレクタ1 指定した属性を持つ要素 input[type] {width: 100px;}
属性セレクタ2 指定した属性の値を持つ要素 input[type="text"] {width: 100px;}

広告
Posted in: CSS基礎