CSS3中添加了几个子元素选择器，大大提高了开发人员的开发效率。 还有以前必须通过向一个子元素中添加class或js来实现的效果。 现在可以通过选择器轻松实现。
现代浏览器和IE9及更高版本支持这些新样式。
选择器说明
:first-child的第一个子元素
:last-child的最后一个子元素
3360nth-child(3)第三个子元素
3360nth-last-child(3)倒数第三个子元素
3360nth-child(odd )所有奇数子元素
3360nth-child(Even )所有偶数子元素
divh2:nth-of-type(Even ) div中所有h2元素中的所有偶数元素) (仅针对同种子元素计算) ) ) ) ) )。
:nth-last-of-type反过来计算
li:nth-child(4n1 )循环模式符合第1、5、9…个Li
li:nth-child(4n2 )循环模式符合第2、6、10 .个Li
Li:nth-child(4n4)可简称为Li:nth-child(4n4 )
ulli :第一个也是最后一个。 也就是说，匹配的UL只有一个Li。
:only-child的简写。 只有一个子元素与父元素匹配
h2:nth-child(3)和h2:nth-of-type(3)有什么区别？
h2:nth-child(3)表示第三个子元素中正好是h2，然后应用此样式
h2:nth-of-type(3)表示将该样式html应用于所有h2子元素的集合中的第三h2
/*选择的是#hd中第一个p标签*
# HDP :第一次关闭类型{
颜色：蓝色；
font-size:25px；
}
/*选择的是#hd的最后p标签*
/*#hdp:last-of-type{
color:purple；
font-size:25px；
() /
/*如果div只有一个p标签，请检查此p标签() (div可以有其他同级元素) /
/*divp:only-of-type{
color:orange；
font-size:25px；
() /
/*选择的是div独生子女(要求此p标签没有同级元素) p标签) /
/* divp :仅限于- child {
color:orange；
font-size:25px；
() /
/*div中的第三个元素必须已选定，并且第三个元素必须在p标签中可用。 (第三个标签必须是p标签才能选择) /
/*divp:nth-child(3) {
color:red；
font-size:25px；
() /
/*选择div下第六个元素， */
/*divp:nth-last-child(6) {
color:orange；
font-size:60px；
() /
/*选择的是div的第四个p标签*/
/*divp:nth-of-type(4) {
color:red；
font-size:26px；
() /
/*选择的是从div下数第二个p标签*/
/*divp:nth-last-of-type(2) {
color:red；
font-size:26px；
() /
/*选择每个div的第一个span标签，请求第一个标签以满足冒号前一个选择器的要求() (简言之，每个div的第一个span标签) /
div span :第一个- child {
颜色：蓝色；
font-size:26px；
}
/*选择的是各div的最后一个p标签*/
divp:last-child{
color:orange；
font-size:26px；
}
这是psan标签的内容
科比支持湖人交易让他眉飞色舞：湖人三人远远不如他01
特雷扬：今年新秀很出色，但我是最好的02
广厦有利胜浙江总分胡金秋狂砍34 1603
网友认为詹皇被套34岁了他真的老了吗？ 04
综述：诺天王得分超开放的糖豆马刺击败勇士取得9连胜05
巴萨想要廉价出售1亿6000万帝星曼联，拿出1亿欧元，就会带走这个全能的攻击者06
美股高开低走结束4连冠AMD暴涨近12
怎么把苍白的人生包装成赶牛闪闪的简历？ 08
对于小z的吐槽，我已经理所当然地09了
666666span
但是z先生加入小组后，发现他对前端自动化一无所知
是使用vue的页面仔，还是使用页面仔，哈哈~
是使用vue的页面仔，还是使用页面仔，哈哈~