:after 選擇器在被選元素的內(nèi)容后面插入內(nèi)容。

p:after
{
? content:"- 臺(tái)詞";
? background-color:yellow;
? color:red;
? font-weight:bold;
}

:before 選擇器在被選內(nèi)容前面插入內(nèi)容。

p:before
{
content:"- 臺(tái)詞";
background-color:yellow;
color:red;
font-weight:bold;
}

? ?:checked button部件被選中

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

:first-child 偽類來(lái)選擇元素的第一個(gè)子元素

轉(zhuǎn)載于:https://www.cnblogs.com/javawebstudy/p/4274737.html

總結(jié)

以上是生活随笔為你收集整理的css :after :berfor的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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