书签 分享 收藏 举报 版权申诉 / 25

类型css选择器.docx

  • 文档编号:28743079
  • 上传时间:2023-07-19
  • 格式:DOCX
  • 页数:25
  • 大小:20.60KB

5enabled

DOCTYPEhtml>

用户界面(UI)元素状态伪类选择符E:</p><p>enabled

--

描述:

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

语法:

E:

enabled{sRules}

-->

E:

enabled与E:

disabled

6first

DOCTYPEhtml>

@page:</p><p>first

--

描述:

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

仅用于@page规则。

语法:

@page:

first{sRules}

-->

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

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

7first-child

DOCTYPEhtml>

结构性伪类选择符E:</p><p>first-child

--

描述:

语法:

E:

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:</p><p>first-of-type

--

描述:

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

语法:

E:

first-of-type{sRules}

-->

我是一个div元素

我是一个p元素

我是一个p元素

9focus

DOCTYPEhtml>

用户行为伪类选择符E:</p><p>focus

--

描述:

设置对象在成为输入焦点(该对象的onfocus事件发生)时的样式。

webkit内核浏览器会默认给:

focus状态的元素加上outline的样式。

语法:

E:

focus{sRules}

-->

请聚焦到以下输入框

10hover

DOCTYPEhtml>

用户行为伪类选择符E:</p><p>hover

--

描述:

设置元素在其鼠标悬停时的样式。

语法:

E:

hover{sRules}

兼容性:

IE6只支持a元素的:

hover,从IE7开始支持其它元素的:

hover。

-->

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

">我是一个a

我是一个div

11伪类选择器

DOCTYPEhtml>

Pseudo-ClassesSelectorsindex

--

描述:

伪类选择器;

-->

--[iflteIE8]>

[endif]-->

body{

background-color:

deepskyblue;

}

CSSPseudo-ClassesSelectors

  • 伪类选择符
  • 伪类选择符Pseudo-ClassesSelectors

    Selectors
    选择符

    CSSVersion
    版本

    Description
    简介

    E:

    link

    CSS1

    设置超链接a在未被访问前的样式。

    E:

    visited

    CSS1

    设置超链接a在其链接地址已被访问过时的样式。

    E:

    hover

    CSS1/CSS2

    设置元素在其鼠标悬停时的样式。

    E:

    active

    CSS1/CSS2

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

    E:

    focus

    CSS1/CSS2

    设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式。

    E:

    lang()

    CSS2

    匹配使用特殊语言的E元素。

    E:

    not()

    CSS3

    匹配不含有s选择符的元素E。

    配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    css 选择器
    提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:css选择器.docx
    链接地址:https://www.bdocx.com/doc/28743079.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2008-2022 冰点文档网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1

    收起
    展开