                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /手把手從0打造電商網頁開發

后面的小豎線

后面的小豎線是怎么添加好的呢？不太明白

weibo_愛吃芒果的潔潔_0

2020-05-16

源自：手把手從0打造電商網頁開發 3-2

關注問題我要回答

712

操作

收起

2 回答

qq_慕勒7063652
2020-05-20

css偽類元素，相當于用css弄出來一個假元素，固定在每個li的右側。豎線本質是用它的背景顯示出來的，背景黑色寬度1px看起來就是一根豎線

2 回復有任何疑惑可以回復我~

收起回答

qq_慕UI8441337
2020-05-20

.nav-box?ul?li:not(:last-child):after{/*:after偽類*/????content:?"";/*每個元素后面加上（這里是背景，如果在“”中間寫的是文字，那么每個元素后面都加上這個文字）*/?/*not(:last-child)排除最后一個元素*/????width:?1px;????height:?10px;????background:?#cccccc;????position:?absolute;/*絕對定位*/????top:?11px;????right:?0;????display:?block;}
z在每個元素后面加上小豎線，然后去除最后一條線。
小豎線設置為width:?1px;????height:?10px;????background:?#cccccc;
根據前面文字絕對定位。