                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

跟着老师在做，遇到一个问题，使用css3选择器，尽然不生效，但是又找不到问题处在哪里，好头疼

CSS:

.tit>li a{display: inline-block; float: left; width:60px;height: 27px;

text-align: center;border-right: 1px solid #eee;

border-bottom: 1px solid #eee;line-height: 27px;

text-decoration: none;background-color: #F7F7F7;}

.tit>li a:last-of-type{background-color: red;}

</style>

HTML代码：

</ul>

feibenren

2015-04-07

源自：Tab选项卡切换效果 1-4

关注问题我要回答

1309

操作

收起

2 回答

牙尖十怪
2015-04-07

你是指.tit>li a:last-of-type{background-color: red;} 这个属性出了问题吗？你这样写，所有的A标签的背景都会是红色，last-of-type的效果是指定最后一个元素的属性。如果你是想让最后一个A标签背景为红色，应该这样写 .tit>li:last-of-type a{background-color: red;} 。。