Rumah >hujung hadapan web >tutorial css >css child选择器有哪些?

css child选择器有哪些?

青灯夜游
青灯夜游asal
2020-11-13 16:46:135556semak imbas

css child选择器有5个,分别为:“:first-child”选择器、“:only-child”选择器、“:nth-child(n)”选择器、“:nth-last-child(n)”选择器、“:last-child”选择器。

css child选择器有哪些?

【推荐教程:CSS视频教程 】

css child选择器

:first-child,选取属于其父元素的首个子元素。例:p:first-child,选择属于父元素的第一个子元素的每个

元素。

:only-child,匹配属于其父元素的唯一子元素的每个元素。例:p:only-child,选择属于其父元素的唯一子元素的每个

元素。   

:nth-child(n) ,匹配属于其父元素的第 N 个子元素,不论元素的类型。例:p:nth-child(2),选择属于其父元素的第二个子元素的每个

元素。    

:nth-last-child(n),匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。例:p:nth-last-child(2),同上,从最后一个子元素开始计数。    

:last-child,匹配属于其父元素的最后一个子元素的每个元素。例:p:last-child,选择属于其父元素最后一个子元素每个

元素。    

更多编程相关知识,请访问:编程入门!!

Atas ialah kandungan terperinci css child选择器有哪些?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css中什么是外部样式表?Artikel seterusnya:css中BEM命名规范是什么