:after 選擇器在被選元素的內容后面插入內容。

p:after
{
? content:"- 臺詞";
? background-color:yellow;
? color:red;
? font-weight:bold;
}

:before 選擇器在被選內容前面插入內容。

p:before
{
content:"- 臺詞";
background-color:yellow;
color:red;
font-weight:bold;
}

? ?:checked button部件被選中

:active {color: #0000FF} /* 選定的鏈接 */ :disabled 部件被禁用
:enabled 部件被啟用
:focus 部件獲得焦點
:hover 鼠標位于部件上
:indeterminate checkbox或radiobutton被部分選中
:off 部件可以切換，且處于off狀態
:on 部件可以切換，且處于on狀態
:pressed 部件被鼠標按下
:unchecked button部件未被選中

:first-child 偽類來選擇元素的第一個子元素

轉載于:https://www.cnblogs.com/javawebstudy/p/4274737.html

總結

以上是生活随笔為你收集整理的css :after :berfor的全部內容，希望文章能夠幫你解決所遇到的問題。

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