资源描述

css选择器.docx

《css选择器.docx》由会员分享，可在线阅读，更多相关《css选择器.docx（25页珍藏版）》请在冰豆网上搜索。

css选择器.docx

css选择器

1active

DOCTYPEhtml>

用户行为伪类选择符E:active

描述：

设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。

语法：

active{sRules}

兼容性：

IE6,7只支持a元素的:

active，从IE8开始支持其它元素的:

active。

-->

请将分别激活（点击与释放之间）下面2个元素

">我是一个a

我是一个div

2checked

DOCTYPEhtml>

用户界面（UI）元素状态伪类选择符E:checked

描述：

匹配用户界面上处于选中状态的元素E。

（用于inputtype为radio与checkbox时）

语法：

checked{sRules}

-->

选中下面的项试试

蓝色

红色

黑色

选中下面的项试试

蓝色

红色

黑色

3disabled

DOCTYPEhtml>

用户界面（UI）元素状态伪类选择符E:disabled

描述：

匹配用户界面上处于禁用状态的元素E。

语法：

disabled{sRules}

-->

enabled与E:

disabled

4empty

DOCTYPEhtml>

结构性伪类选择符E:empty

描述：

匹配没有任何子元素（包括text节点）的元素E。

语法：

empty{sRules}

-->

结构性伪类选择符E:

empty

--我是一个空节点p，请注意我与其它非空节点p的外观有什么不一样-->

结构性伪类选择符E:

empty

5enabled

DOCTYPEhtml>

用户界面（UI）元素状态伪类选择符E:enabled

描述：

匹配用户界面上处于可用状态的元素E。

语法：

enabled{sRules}

-->

enabled与E:

disabled

6first

DOCTYPEhtml>

@page:first

描述：

设置页面容器第一页使用的样式。

仅用于@page规则。

语法：

@page:

first{sRules}

-->

页面容器中第一页的外边距为100px200px

页面容器中第二页的外边距为默认值

7first-child

DOCTYPEhtml>

结构性伪类选择符E:first-child

描述：

语法：

first-child{sRules}

说明：

匹配父元素的第一个子元素E。

要使该属性生效，E对象必须是某个对象的子元素。

这里可能存在误解：

示例代码：

列表项一

列表项二

列表项三

列表项四

在上述代码中，如果我们要设置第一个li的样式，那么代码应该写成li:

first-child{sRules}，而不是ul:

first-child{sRules}。

其它相关的伪类都如此。

-->

注意是li:
first-child，而不是ul:
first-child

结构性伪类选择符E:
first-child

结构性伪类选择符E:
first-child

结构性伪类选择符E:
first-child

结构性伪类选择符E:
first-child

8firstoftype

DOCTYPEhtml>

结构性伪类选择符E:first-of-type

描述：

匹配同类型中的第一个同级兄弟元素E。

语法：

first-of-type{sRules}

-->

我是一个div元素

我是一个p元素

css选择器.docx

请将分别激活（点击与释放之间）下面2个元素

注意是li:
first-child，而不是ul:
first-child

请聚焦到以下输入框

请将鼠标分别移动到下面2个元素上

css选择器.docx

请将分别激活（点击与释放之间）下面2个元素

注意是li:first-child，而不是ul:first-child

请聚焦到以下输入框

请将鼠标分别移动到下面2个元素上

注意是li:
first-child，而不是ul:
first-child