為什么是在home的后面實現(xiàn)導航線

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

就算我換成.nav li:before最后還是在home的后面出先導航線，而且把.nav li:first-child:before改成這樣也是home后面的那一個刪去

慕用3285105

2018-07-16

源自：十天精通CSS3 5-5

關注問題我要回答

1215

操作

收起

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;
}