随手笔记css篇_常见选择器、伪类和伪元素

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元素之前插入内容