CSS中的伪类 CSS 中的伪类是已经系统定义好的,它们可以用来设置 HTML 元素在不同的状态下的样式。下面是常见的伪类: 1. link 伪类:设置 a 对象在未被访问前的样式。例如:alink { font-size: 14pt; text-decoration: underline; color: blue; } 2. hover 伪类:设置对象在鼠标悬停时的样式。例如:ahover { font-size: 14pt; text-decoration: underline; color: blue; } ahover span { color: red; } 3. active 伪类:设置对象在被用户激活时的样式。例如:aactive { font-size: 14pt; text-decoration: underline; color: blue; } 4. visited 伪类:设置 a 对象在其链接地址已被访问过时的样式。例如:avisited { font-size: 14pt; text-decoration: underline; color: blue; } 5. first-child 伪类:设置 E 的第一个子对象的样式。例如:p a:first-child { color: green } table td:first-child { width: 200px; } 6. first 伪类:设置页面容器第一页使用的样式。例如:@page first { margin: 4cm } 7. left 伪类:设置页面容器位于装订线左边的所有页面使用的样式。例如:@page left { margin: 4cm } 8. right 伪类:设置页面容器位于装订线右边的所有页面使用的样式。例如:@page right { margin: 4cm } 9. lang 伪类:设置对象使用特殊语言的内容的样式。例如:blockquote:lang(fr) { quotes: '«' '»' } 使用法语显示由 quotes 属性指定的法语的嵌套标记 10. focus 伪类:设置对象在成为输入焦点时的样式。例如:input:focus { border: 1px solid blue; } 这些伪类可以单独使用,也可以组合使用以达到不同的样式效果。例如: a:link { font-size: 14pt; text-decoration: underline; color: blue; } a:hover { font-size: 14pt; text-decoration: underline; color: blue; } a:active { font-size: 14pt; text-decoration: underline; color: blue; } a:visited { font-size: 14pt; text-decoration: underline; color: blue; } 在实际应用中,我们可以根据需要选择合适的伪类来设置样式,并且可以组合使用不同的伪类以达到不同的样式效果。
- 粉丝: 0
- 资源: 3
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助