(2018-05-04.Python ZeroからOneまで)五、(フロントエンド)HTML 5とCSS 3_1.5.2 CSS 3新規セレクタ
1948 ワード
下一篇文章:→1.5.1 CSSウェイト
CSS 3新規セレクタ
1、E:nth-child(n):一致要素タイプがEで親要素のn番目のサブ要素
2、E:nth-last-child(n):一致要素タイプがEで親要素の逆数のn番目のサブ要素(前の順序とは逆)3、E:first-child:一致要素タイプがEで親要素の最初のサブ要素4、E:last-child:一致要素タイプがEで親要素の最後のサブ要素5、E:only-child:一致する要素のタイプがEであり、親要素の中で唯一の子要素6、E:nth-of-type(n):一致する親要素のn番目のタイプがEの子要素7、E:nth-last-of-type(n):一致する親要素の最後からn番目のタイプがEの子要素(前の順序とは逆)8、E:first-of-type:一致する親要素の最初のタイプがEの子要素9、E:last-of-type:一致する親要素の最後のタイプがEの子要素10、E:only-of-type:一致する親要素の中で唯一の子要素はEの子要素11、E:empty空の要素12を選択し、E:enabledで使用可能なフォームコントロール13、E:disabledが失効したフォームコントロール14、E:checkedが選択したcheckbox 15、E:not(s)はある要素を含まない
16、E:targetアンカーに対応するスタイル
17、E>F E元素の下の第1層のサブセット18、E~F E元素の後ろの兄弟元素19、E+Fのすぐ隣の兄弟元素
属性セレクタ:1、E[data-attr]data-attr属性を含む要素
2、E[data-attr='ok']data-attr属性の要素を含み、その値は「ok」3、E[data-attr^='ok']data-attr属性の要素を含み、その値の先頭に「ok」4、E[data-attr$='ok'」data-attr属性の要素を含み、その値の末尾に「ok」5、E[data-attr*='ok'」を含み、data-attr属性の要素を含み、その値に「ok」を含む
次の記事は、→1.5.3 CSS 3フィレット、シャドウ、rgba
CSS 3新規セレクタ
1、E:nth-child(n):一致要素タイプがEで親要素のn番目のサブ要素
......
1
2
3
4
5
2、E:nth-last-child(n):一致要素タイプがEで親要素の逆数のn番目のサブ要素(前の順序とは逆)3、E:first-child:一致要素タイプがEで親要素の最初のサブ要素4、E:last-child:一致要素タイプがEで親要素の最後のサブ要素5、E:only-child:一致する要素のタイプがEであり、親要素の中で唯一の子要素6、E:nth-of-type(n):一致する親要素のn番目のタイプがEの子要素7、E:nth-last-of-type(n):一致する親要素の最後からn番目のタイプがEの子要素(前の順序とは逆)8、E:first-of-type:一致する親要素の最初のタイプがEの子要素9、E:last-of-type:一致する親要素の最後のタイプがEの子要素10、E:only-of-type:一致する親要素の中で唯一の子要素はEの子要素11、E:empty空の要素12を選択し、E:enabledで使用可能なフォームコントロール13、E:disabledが失効したフォームコントロール14、E:checkedが選択したcheckbox 15、E:not(s)はある要素を含まない
......
1
2
3
4
5
16、E:targetアンカーに対応するスタイル
......
タイトル1
......
17、E>F E元素の下の第1層のサブセット18、E~F E元素の後ろの兄弟元素19、E+Fのすぐ隣の兄弟元素
属性セレクタ:1、E[data-attr]data-attr属性を含む要素
......
div
2、E[data-attr='ok']data-attr属性の要素を含み、その値は「ok」3、E[data-attr^='ok']data-attr属性の要素を含み、その値の先頭に「ok」4、E[data-attr$='ok'」data-attr属性の要素を含み、その値の末尾に「ok」5、E[data-attr*='ok'」を含み、data-attr属性の要素を含み、その値に「ok」を含む
次の記事は、→1.5.3 CSS 3フィレット、シャドウ、rgba