課程
/前端開發(fā)
/HTML/CSS
/分頁頁碼制作
間隔解決了，但是頁碼中間的...省略號沒有了，沒有給他設(shè)置fant-size
2015-04-22
源自：分頁頁碼制作 2-1
正在回答
如果需要看見，可以將原來的小點點（...）文本替換為下面的內(nèi)容：
<span class="ellipsis">...</span>
并在css中增加一下內(nèi)容：
.ellipsis{ ? font-size:14px; ? border:none; ? margin-left: 8px;}
因為 font-size 是一個會繼承的屬性，當(dāng)父容器定義了這個屬性，下面的子元素（孫元素）都會繼承這個屬性。視頻的例子中，當(dāng)為外面容器div添加 font-size:0 的時候，div下面的所有 span 和 a 標(biāo)簽都繼承了這個樣式，字體大小變?yōu)榱?0px，所以看不到任何數(shù)字內(nèi)容了；當(dāng)為其它類添加 font-size:14px 后，這個屬性覆蓋了父容器繼承下來的屬性（CSS的后來居上原則），因此 div 下的 span 和 a 標(biāo)簽里的數(shù)字內(nèi)容就恢復(fù)了正常。
舉報
制作出具有高大尚樣式的分頁頁碼，學(xué)習(xí)到更多技術(shù)知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-12-28
如果需要看見，可以將原來的小點點（...）文本替換為下面的內(nèi)容：
<span class="ellipsis">...</span>
并在css中增加一下內(nèi)容：
.ellipsis{
? font-size:14px;
? border:none;
? margin-left: 8px;
}
2015-12-28
因為 font-size 是一個會繼承的屬性，當(dāng)父容器定義了這個屬性，下面的子元素（孫元素）都會繼承這個屬性。視頻的例子中，當(dāng)為外面容器div添加 font-size:0 的時候，div下面的所有 span 和 a 標(biāo)簽都繼承了這個樣式，字體大小變?yōu)榱?0px，所以看不到任何數(shù)字內(nèi)容了；當(dāng)為其它類添加 font-size:14px 后，這個屬性覆蓋了父容器繼承下來的屬性（CSS的后來居上原則），因此 div 下的 span 和 a 標(biāo)簽里的數(shù)字內(nèi)容就恢復(fù)了正常。