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