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タグの中身が
青色になる