css常见选择器
.intro //选择class为intro的元素
#intro //选择id为intro的元素
* //选择所有元素
p //选择标签名为p的所有元素
div,p //选择标签名为div或p的所有元素
div p //选择包含于div中且标签名为p的元素(div不一定是父标签)
div>p //选择父标签为div且标签名为p的元素
div+p //选择紧跟在div后面且标签名为p的元素
[targe] //选择拥有targe属性的所有元素
[targe=_blank] //选择拥有targe属性且值为_blank的所有元素
[title~=flower] //选择拥有title属性且值包含flower关键字的所有元素
[lang|=en]] //选择拥有lang属性且值以en开头的所有元素
css常见伪类
a:link //选择未访问的链接
a:visited //选择已访问的链接
a:hover //选择置于鼠标下的链接
a:active //选择活动中的链接(被点击时)
input:focus //选择获得焦点的input元素
p:first-child //选择作为父元素的第一个子元素的p元素
p:lang(it) //选择拥有lang属性且值以it开头的p元素
css常见伪元素
p:first-letter //选择每个p元素的首字母
p:first-line //选择每个p元素的首行
p:before //在每个p元素之前插入内容
p:after //在每个p元素之前插入内容