css3 结构伪类选择器

CSS3中的结构伪类选择器可以根据选取元素的位置、序号等逻辑关系来进行选择。

/* :first-child */p:first-child {
    color: red;
}
/* :last-child */p:last-child {
    color: blue;
}
/* :nth-child(n) */p:nth-child(odd) {
     /* 奇数 */color: green;
}
p:nth-child(even) {
     /* 偶数 */color: orange;
}
/* :only-child */p:only-child {
    font-size: 20px;
}
    

:first-child可以选中某元素父元素下的第一个子元素；:last-child可以选中某元素父元素下的最后一个子元素。

:nth-child(n)则可以通过指定不同的参数选中相应的元素，odd为奇数，even为偶数。

:only-child可以选中某父元素下只有一个子元素的元素。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！