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

哪里設(shè)置分割線了，我估計(jì)是這里content:"";，求解

.nav li:after{

? ? ? ? ? ? content:"";

? ? ? ? ? ? position:absolute;

? ? ? ? ? ? right:0;

? ? ? ? ? ? top:20px;

? ? ? ? ? ? height:15px;

? ? ? ? ? ? width:1px;

? ? ? ? ? ? background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);

? ? }

著你追

2015-07-20

源自：十天精通CSS3 5-5

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

1728

操作

收起

1 回答

hey自然
2015-09-25

content 里只是加入一個(gè)空元素。這里的所謂分割線其實(shí)是在設(shè)置具有寬，高的偽元素里面填充線性漸變來(lái)實(shí)現(xiàn)的，

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

天正建筑007

content后面加雙引號(hào)代表加入了一個(gè)空元素嗎？為什么不可以省略？直接寫(xiě)寬高不行嗎？

2016-03-08 回復(fù) 有任何疑惑可以回復(fù)我~

#2

hey自然回復(fù) 天正建筑007

這樣說(shuō)吧，你使用:after偽元素得配合使用content這個(gè)屬性。你想，我們得總得插入點(diǎn)什么東西，即使是一個(gè)空的內(nèi)容，然后我們?cè)偃ピO(shè)置它的寬高。我這里再稍微拓展一下，其實(shí)content插入的內(nèi)容默認(rèn)是行內(nèi)元素的，這里我們之所有能夠設(shè)置高度，是因?yàn)槲覀兪褂昧私^對(duì)定位，即 position:absolute;使用絕對(duì)定位后，元素自動(dòng)轉(zhuǎn)化為塊級(jí)元素，所以在這里就可以設(shè)置高度了。你想啊，我們IE8+是怎樣清除浮動(dòng)的？

2016-03-08 回復(fù) 有任何疑惑可以回復(fù)我~