CSS中偽元素after的作用

CSS 偽元素用于向某些選擇器設(shè)置特殊效果。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供江源網(wǎng)站建設(shè)、江源做網(wǎng)站、江源網(wǎng)站設(shè)計(jì)、江源網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、江源企業(yè)網(wǎng)站模板建站服務(wù)，十年江源做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容。

下面的例子在每個(gè) h1 元素后面插入一幅圖片：

h1:after{

content:url(logo.gif);

}

css中的after是什么意思

:after 偽元素在元素之后添加內(nèi)容。

這個(gè)偽元素允許創(chuàng)作人員在元素內(nèi)容的最后面插入生成內(nèi)容。默認(rèn)地，這個(gè)偽元素是行內(nèi)元素，不過可以使用屬性 display 改變這一點(diǎn)。

所有主流瀏覽器都支持 :after 偽元素，但對(duì)于IE來說，只有IE8以上版本支持。

h1:after

{

content:url(beep.wav);

}

此樣式會(huì)在每個(gè) h1 元素之后播放一段聲音：

style type="text/css"

h1:after {content:url(/i/w3school_logo_white.gif)}

/style

h1This is a heading/h1

這是在h1后面插入一張圖片，但I(xiàn)E

css 偽元素::after

css ::after用來創(chuàng)建一個(gè)偽元素，做為已選中元素的最后一個(gè)子元素。通常會(huì)配合content屬性來為該元素添加裝飾內(nèi)容。這個(gè)虛擬元素默認(rèn)是行內(nèi)元素。

由于偽元素本身是行內(nèi)元素，所以要變成塊級(jí)元素的需要使用 display: block;

以下是畫一個(gè)三角形的圖案的樣式。

content是一定需要的，content 可以是：

值得注意的是:

:after 和 ::after的關(guān)系

當(dāng)前名稱：關(guān)于cssafter樣式的信息
本文地址：http://chinadenli.net/article22/dsdiccc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、ChatGPT、網(wǎng)站制作、App設(shè)計(jì)、網(wǎng)站改版、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)