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

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

最基本的用法如下：

p:after {

content: "- 臺詞";

}

我是唐老鴨。

我住在 Duckburg。

效果圖：

after偽類的一些應用

:after清除浮動

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

width:0;

height:0;

content:'';

display: block;

clear: both;

}

偽類和偽元素

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。