本文主要是介绍CSS3中first-child、last-child、nth-child、nth-last-child,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.单独指定第一个子元素、最后一个子元素的样式<style type="text/css">
li:first-child{
background:yellow;
}
li:last-child{
background:blue;
}
</style>
2.对指定序号的子元素使用样式
<style type="text/css">
li:nty-child(2){
background:yellow;
}//对第二个子元素设定背景色
li:nth-last-child(2){
background:blue;
}//对倒数第二个子元素设定背景色
</style>
3.对所有第偶数个子元素或者第奇数个子元素使用样式
<style type="text/css">
li:nth-child(odd){
background:yellow;
}
li:nth-child(even){
background:blue
}
</style>
这篇关于CSS3中first-child、last-child、nth-child、nth-last-child的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!