jQueryのセレクター指定
要素セレクター | 特徴など | |
# | idセレクター | |
. | クラスセレクター | |
親セレクター 子セレクター | 子孫セレクター | 特定の要素の内側にある要素を指定 |
* | ユニバーサルセレクター | |
セレクター1,セレクター2 | グループセレクター | |
親要素>子要素 | 子セレクター | 特定の要素の直下に配置された要素を指定 |
セレクター+要素 | 隣接セレクター | 特定の要素の次に出現する要素を指定 |
セレクター:first-child | first-child擬似クラス | 長子 |
セレクター~要素 | 間接セレクター | 特定に要素の後に出現する要素を指定 |
セレクター:not(条件) | 否定擬似クラス | 条件以外のセレクター |
セレクター:empty | empty擬似クラス | テキストを持たない要素を指定 |
セレクター:nth-child(番目) | nth-child擬似クラス | 番号には「even」、「odd」、「Xn」(X=任意値)も可 |
セレクター:last-child | last-child擬似クラス | 末っ子 |
セレクター:only-child | only-child擬似クラス | 一人っ子 |
セレクター:nth-last-child | nth-last-child擬似クラス | 後ろからN番目 |
セレクター:nth-of-type | nth-of-type擬似クラス | 「nth-of-child」ではない。「N番目の要素が指定セレクターだったら」 |
セレクター:nth-last-of-type | nth-last-of-type擬似クラス | 後ろからN番目 |
セレクター:first-of-type | first-of-type擬似クラス | |
セレクター:last-of-type | last-of-type擬似クラス | |
セレクター:only-of-type | only-of-type擬似セレクター | 指定セレクターが孤独だったら |
:lang(言語-地域) | lang擬似セレクター |
子孫セレクター、「こまごセレクター」だと思ってたわー。
子孫セレクターと子セレクターの違いがわからん。
子セレクターは要素同士でしか使えない、とかなのかしらん?
それと、HTMLにlang属性があるって初めて知ったのだけれど、
下記サイトによるとlangはほぼ利用価値のない属性のようです。
Google「言語指定にlangは使うな」/公式発言