站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
CSS伪类
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span> <div style="clear:both;"></div> 伪类可以看做是一种特殊的类选择符,是能被支持[[CSS]]的[[浏览器]]自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。 ==语法== 伪类的语法是在原有的语法里加上一个伪类(pseudo-class): selector:pseudo-class {property: value} (选择符:伪类 {属性: 值}) 伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。 类选择符及其他选择符也同样可以和伪类混用: selector.class:pseudo-class {property: value} (选择符.类:伪类 {属性: 值}) ==伪类列表== ===: link === 语法:Selector : link { sRules } <br> 说明:<br> 设置 a 对象在未被访问前的样式。<br> 默认值由浏览器决定。<br> 对于无 href 属性(特性)的 a 对象,此伪类不发生作用。<br> 请参阅 body 对象的 link 属性(特性)和 document 对象的 linkColor 特性。<br> IE3将 :link 伪类的样式表属性作用于 visited 伪类。 <br> 示例:a:link { font-size: 14pt; text-decoration: underline; color: blue; } <br> ===:hover=== 语法:Selector : hover { sRules } <br> 说明:<br> 设置对象在其鼠标悬停时的样式。<br> 在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象,此伪类不发生作用。<br> 在CSS2中此伪类可以应用于任何对象。 <br> 示例:<br> a:hover { font-size: 14pt; text-decoration: underline; color: blue; }<br> a:hover span{ color:red; } ===: active === 语法:Selector : active { sRules } <br> 说明:<br> 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。<br> 在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象,此伪类不发生作用。<br> 在CSS2中此伪类可以应用于任何对象。<br> 并且 :active 可以和 :link 以及 :visited 状态同时发生。 <br> 示例:a:active { font-size: 14pt; text-decoration: underline; color: blue; } <br> ===: visited === 语法:Selector : visited { sRules } <br> 说明:<br> 设置 a 对象在其链接地址已被访问过时的样式。<br> IE3将 :link 伪类的样式表属性作用于 :visited 伪类。<br> 默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。<br> 对于无 href 属性(特性)的 a 对象,此伪类不发生作用。<br> 请参阅 body 对象的 vlink 属性(特性)和 document 对象的 vlinkColor 特性。 <br> 示例:a:visited { font-size: 14pt; text-decoration: underline; color: blue; } <br> === :first-child=== 语法:Selector : first-child { sRules } <br> 说明:设置 E 的第一个子对象的样式。 <br> 示例:<br> p a:first-child { color: green }<br> table td:first-child { width:200px; } ===: first === 语法:Selector : first { sRules } <br> 说明:设置页面容器第一页使用的样式。仅用于 @page 规则。 <br> 示例:@page :first { margin: 4cm } <br> ===: left/:right === 语法:Selector : left { sRules }/Selector : right { sRules } <br> 说明:设置页面容器位于装订线左边的所有页面使用的样式。仅用于 @page 规则。 <br> 示例:@page :left { margin: 4cm } <br> ===: lang=== 语法:Selector : lang { sRules } <br> 说明:设置对象使用特殊语言的内容的样式。 <br> 示例:blockquote:lang(fr) { quotes: '?' ' ?' } /* 使用法语显示由quotes属性指定的法语的嵌套标记 */ <br> ===: focus=== 语法:Selector : focus { sRules } <br> 说明:设置对象在成为输入焦点(该对象的 onfocus 事件发生)时的样式。 <br> 示例:<br> a:focus { font-size: 14pt; text-decoration: underline; color: blue; }<br> a:focus img { border: thin solid green } [[category:CSS学习教程]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:开发语言导航
(
编辑
)