0801 jQuery: 各種セレクター

CSS2.1

子セレクター

li > strong

li直下のstrongに命令を与える

→<li><div><strong>のように、間に別の要素が入った場合にはきかない

隣接セレクター

#second + li

特定の要素の次に出現する要素に命令を与える

ex

<li id=”second”> 2 </li>

<li id=”third”> 3 </li>

→#secondに隣接するliに命令＝#thirdのliに命令がかかる

CSS3

間接セレクター

#second ~ li

#second以降のli要素全てに命令

否定擬似クラス

セレクター + not(…)

(…)を除外して命令

ex

li:not(:first-child)

→li要素の1行目以外の全てに命令

empty擬似クラス

セレクター + :empty

空要素に命令

ex

li:empty

空のli要素( <li></li> ←これ )に命令

nth-child擬似クラス

セレクター + :nth-child( 行数指定 )

行数を指定して命令

• even      偶数行
• odd        奇数行
• 3n          3の倍数の行 etc…

ex

li:nth-child( odd )

li要素の奇数行のみに命令

last-child擬似クラス

li:last-child

→最後のli要素に命令