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