                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /十天精通CSS3

為什么是在home的后面實(shí)現(xiàn)導(dǎo)航線(xiàn)

??? .nav li:after{
??????????? content:"";
???????????? position:absolute;?? /*絕對(duì)定位*/
???????????? right:0px;????????? /*移動(dòng)*/
???????????? top:20px;??????????? /*移動(dòng)*/
???????????? height:15px;???????? /*高*/
???????????? width:2px;?????????? /*寬*/
??????????? background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87); /*設(shè)f分割線(xiàn)背景為漸變色*/
?? ??? ?}
??????? /*刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線(xiàn)*/
?? ??? ? .nav li:last-child:after{
?? ??? ???? width:0px;
??????????? height:0px;
?? ??? ?}

就算我換成.nav li:before最后還是在home的后面出先導(dǎo)航線(xiàn)，而且把.nav li:first-child:before改成這樣也是home后面的那一個(gè)刪去

慕用3285105

2018-07-16

源自：十天精通CSS3 5-5

關(guān)注問(wèn)題我要回答

1243

操作

收起

2 回答

秋山在此
2018-11-13

.nav?li::before?{
????content:?'';
????width:?1px;
????height:?20px;
????position:?absolute;
????top:?20px;
????left:?0;
????background-image:?linear-gradient(to?right,?#FFFFFF,?gray);
}

.nav?li:first-child::before?{
????content:?'';
????background-image:?none;
}