2008年8月22日金曜日

CSSのセレクタ

スタイルシートの指定方法。
何に対して指定するのか、を指定する方法をすぐ忘れる。

xx {}
これはタグへ対しての指定。xx は div とか span とか。

xx yy {}
これもタグへの指定だが、
<xx>ここは指定されず</xx>
<yy>ここも指定されず</yy>
<xx><yy>ここが指定される</yy></xx>
<xx><zz><yy>こうなってても指定される</yy></zz></xx>

xx,yy {}
これだと両方指定される。
<xx>ここが指定される</xx>
<yy>ここも指定される</yy>

.xx {}
これは class="xx" に対する指定。
xx.yy {} だと <xx class="yy"> が対象になる。

#xx {}
これは id="xx" に対する指定。


たぶん、#xx,yy.zz {} なんて指定もできるんだろうな。
実際そんなケースがあるかどうかはおいといて。

0 件のコメント: