content屬性主要通過偽類選擇器:before和:after來指定位置;
content屬性的值可以為任何內(nèi)容;
當(dāng)content屬性的值為none,則表示不插入任何內(nèi)容;
content屬性:
如果我們想往段落p標(biāo)簽內(nèi)部追加省略號只需要如下方式定義樣式即可:
p:after{content:"...";}
當(dāng)然我們也可以追加任何文字:
p:after{content:"網(wǎng)頁教學(xué)網(wǎng)";}
既然CSS3可以追加內(nèi)容after,那么CSS3也為我們提供了前置內(nèi)容的方法before:
p:before{content:"...";}
如果我們使用標(biāo)簽選擇器定義了所有的p,但是又有需求要求某一個p且ID為box的元素不準(zhǔn)自動追加或前置內(nèi)容,那么我們就可以對content屬性制定none值(none值只能用于before和after這兩種選擇器)或normal(任何選擇器都沒問題)值即可:
#box:before{content:none;}
【 微信掃一掃 】