::before偽類
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>偽元素</title><style type="text/css">div::before{content: "我最棒";}}</style></head><body><!--偽元素：文檔結構中沒有出現的元素--><!--::before 在元素內容之前添加新內容。必須配合content使用--><!--::after 在元素內容之后添加新內容。必須配合content使用--><!--可以把偽元素完全當成元素來設置樣式使用--><div>我愛學習</div></body>
</html>“ ::before ，::after偽類 ”：沒有額外的添加頁面結構，就可以把需要插入的內容插進去了（即在元素內容之前添加一個新的內容）
::after偽類：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>偽元素</title><style type="text/css">div::after{content: "我是奶龍";color: red;font-size: 12px;}}</style></head><body><!--偽元素：文檔結構中沒有出現的元素--><!--::before 在元素內容之前添加新內容。必須配合content使用--><!--::after 在元素內容之后添加新內容。必須配合content使用--><!--可以把偽元素完全當成元素來設置樣式使用--><div>我愛學習</div></body>
</html>可以把偽元素完全當成元素來設置樣式使用（如這里的：“我是奶龍”）
div::after {
content: "我是奶龍";color: red;font-size: 12px;}
