after是CSS的一種偽元素(選擇器)。:after選擇器在被選元素的內(nèi)容后面插入內(nèi)容，需要使用content屬性來指定要插入的內(nèi)容。下面本篇文章就來給大家介紹一下CSS :after選擇器，希望對大家有所幫助。

在CSS中，:after偽類的作用就是在指定的元素內(nèi)容(而不是元素本身)之后插入一個包含content屬性指定內(nèi)容的行內(nèi)元素。

最基本的用法如下：

p:after {

content: "- 臺詞";

}

我是唐老鴨。

我住在 Duckburg。

效果圖：

after偽類的一些應(yīng)用

:after清除浮動

浮動布局導(dǎo)致高度坍塌影響到整體布局時元素需要清除浮動，使用:after就是其中的一種方法：.row:after {

width:0;

height:0;

content:'';

display: block;

clear: both;

}

偽類和偽元素

偽類選擇元素基于的是當(dāng)前元素處于的狀態(tài)，或者說元素當(dāng)前所具有的特性，而不是元素的id、class、屬性等靜態(tài)的標(biāo)志。由于狀態(tài)是動態(tài)變化的，所以一個元素達(dá)到一個特定狀態(tài)時，它可能得到一個偽類的樣式；當(dāng)狀態(tài)改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基于文檔之外的抽象，所以叫偽類。

與偽類針對特殊狀態(tài)的元素不同的是，偽元素是對元素中的特定內(nèi)容進(jìn)行操作，它所操作的層次比偽類更深了一層，也因此它的動態(tài)性比偽類要低得多。實(shí)際上，設(shè)計偽元素的目的就是去選取諸如元素內(nèi)容第一個字(母)、第一行，選取某些內(nèi)容前面或后面這種普通的選擇器無法完成的工作。它控制的內(nèi)容實(shí)際上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文檔中，所以叫偽元素。

總結(jié)

以上是生活随笔為你收集整理的html after 只能应用于p标签吗,css after是什么意思？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。