CSS3中first-childlast-childnth-childnth-last-child
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS3中first-childlast-childnth-childnth-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-childlast-childnth-childnth-last-child的主要内容，如果未能解决你的问题，请参考以下文章