css :after :berfor

: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 伪类来选择元素的第一个子元素