css3选择器整理

林氏智造 于 2014-05-04 发布 5907 人已阅

:first-of-type

p:first-of-type 选择属于其父元素的首个 p 元素的每个 p 元素。

:last-of-type

p:last-of-type 选择属于其父元素的最后 p 元素的每个 p 元素。

:only-of-type

p:only-of-type 选择属于其父元素唯一的 p 元素的每个 p 元素。

:only-child

p:only-child 选择属于其父元素的唯一子元素的每个 p 元素。

:nth-child(n)

p:nth-child(2) 选择属于其父元素的第二个子元素的每个 p 元素。

:nth-last-child(n)

p:nth-last-child(2) 同上,从最后一个子元素开始计数。

:nth-of-type(n)

p:nth-of-type(2) 选择属于其父元素第二个 p 元素的每个 p 元素。

:nth-last-of-type(n)

p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。

:last-child

p:last-child 选择属于其父元素最后一个子元素每个 p 元素。

:root

:root 选择文档的根元素。

:empty

p:empty 选择没有子元素的每个 p 元素(包括文本节点)。

:target

p:target 选择当前活动的 p 元素。

:enabled

input:enabled 选择每个启用的 input 元素。

:disabled

input:disabled 选择每个禁用的 input 元素。

:checked

input:checked 选择每个被选中的 input 元素。

:not(selector)

:not(p) 选择非 p 元素的每个元素。

::selection

::selection 选择被用户选取的元素部分。

您可能感兴趣的文章

如何优雅的选择字体(font-family)

当前项目对字体要求很高,之前对font-family这个属性没怎么仔细去研究它,现在整理了一个通用方案适合大多数网站使用。

React+webpack 部署概要

React+webpack 组合已经成为开发react的经典搭配,把常用的webpack配置文件和一些react的常用代码规范记录下方便以后开发使用

gulp前端自动化部署方案

gulp 前端自动化代码,根据自己的项目需求编写,包括压缩合并css,压缩合并js,雪碧图,版本号插入等功能

纯CSS制作各种图形

用图片做图标会加大页面的大小,现在能用CSS写图标就用CSS写,维护起来也方便加载速度也快