css总结13:CSS 伪类(Pseudo-classes)
2024-10-08 07:57:27
1 伪类作用:CSS伪类是用来添加一些选择器的特殊效果。
2 常用示例:
2.1anchor伪类:代码:
正常语法:
a{color:#FF0000;}/* 文字颜色 */
伪类语法:
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
注:在CSS定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。 在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。伪类的名称不区分大小写。
2,2 CSS - :first - child伪类
您可以使用 :first-child 伪类来选择元素的第一个子元素
注意:在IE8的之前版本必须声明<!DOCTYPE> ,这样 :first-child 才能生效
例1:匹配第一个 <p> 元素:p标签的第一个标签内容变蓝。
p:first-child {
color:blue;
}
例2:p标签内的子标签i内的第一个标签i内的文字变蓝
p > i:first-child{
color:blue;
}
最新文章
- FLEX布局的一些问题和解决方法
- MVC - 11(上).DTO
- Word and MediaElement
- linux中deb怎样安装
- 【C# C++】C#中调用msvcr100.dll中的_beginthreadex函数
- jQuery中的html,val,text区别
- WCF 生产json对外的接口
- nodejs原生模块简介
- Uber 司机有话说:你以为当个 Uber 司机很轻松?大错特错!
- 什么是RAW?
- Tomcat提供的安全机制
- 四种Sandcastle方法生成c#.net帮助类帮助文档
- 多个RestTemplate对象示例
- Chrome 启动全屏,并可以F11退出
- 对HTML5标签的认识(二)
- μC/OS-II 中的任务管理
- windows下django1.7 +python3.4.2搭建记录1
- 【BZOJ3307】雨天的尾巴
- 文字描边css
- win8 app code中设置Resources里定义好的Style