FC2ブログ

CSS3のメモ

CSS3のメモ

last-child
兄弟要素で最後の要素へスタイルを適用

first-of-type
兄弟要素で最初の要素を指定し適用

last-of-type
兄弟要素で最後の要素を指定し適用

only-child
指定の要素が兄弟要素がないならスタイルを適用
単純に、要素が一つだけのときに適用されるということ

only-of-type
指定の要素の種類が
親要素の中で唯一の子要素であるときのみ適用
例えば
div id="content"

その中にh2が1つだけのとき

empty
要素の中身が空のときにスタイル適用
よくあるのが
テーブルを作成していて
空のtdのところには色を変える
という使い方

target
id内でリンクがあり
リンクをタップやクリックしたら
そのリンク先にスタイル適用
使い道は、
リンクをクリックしたら
隠してある要素を表示するようなやり方

enable
要素の有効化
disable
要素の無効化
使い道は、inputで入力しているとき
入力欄の色を変えるなど

checked
チェックボタンやラジオボタンがチェックされたときに適用される

not
not(セレクタ)というように
指定したセレクタに一致しないところだけスタイル適用する
if(!条件){....}
みたいなかんじ

要素 ~ 要素
兄弟要素で
指定した要素の間のみスタイル適用
例えば
h1 ~ p {color:blue; }
なら
h1のあとのpタグの中身が
青色になる
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック