CSS 选择器参考手册 下载本文

为所有 type=\的被禁用的 input 元素设置背景色: input[type=\ {

background-color: #dddddd; }

浏览器支持

所有主流浏览器均支持 :disabled 选择器,除了 IE8 及更早的版本。 定义和用法

:disabled 选择器匹配每个被禁用的元素(大多用在表单元素上)。 亲自试一试 - 实例

为所有已禁用的 input 元素设置背景色: input:disabled {

background:#dddddd; }

CSS3 :checked 选择器

实例

为所有被选中的 input 元素设置背景色: input:checked {

background-color: #ff0000; }

浏览器支持

—40—

只有 Opera 支持 :checked 选择器。 定义和用法

:checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。

CSS3 :not 选择器

实例

设置非

元素的所有元素的背景色: :not(p) {

background-color: #ff0000; }

浏览器支持

所有主流浏览器均支持 :not 选择器,除了 IE8 及更早的版本。 定义和用法

:not(selector) 选择器匹配非指定元素/选择器的每个元素。

CSS3 ::selection 选择器

实例

使被选中的文本成为红色: ::selection {

color:#ff0000; }

—41—

::-moz-selection {

color:#ff0000; }

浏览器支持

IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。

Firefox 支持替代的 ::-moz-selection。 定义和用法

::selection 选择器匹配被用户选取的选取是部分。

只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。

—42—