Div+CSS如何正确的定义CSS伪类
来源:互联网 发布:free mobile java中国 编辑:程序博客网 时间:2024/06/06 03:41
在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然Mb5u中有很多相关的介绍,但复习一下也无妨。大家看下面的代码就能明白。
示例代码 [www.Mb5u.com]
a.w3cbbs{text-decoration:none;}
a.w3cbbs:link{color:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}
<a href="/tz.php?url=www.software8.co/" class="w3cbbs">第一种写法 - 站长中心</a>
a.w3cbbs:link{color:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}
<a href="/tz.php?url=www.software8.co/" class="w3cbbs">第一种写法 - 站长中心</a>
示例代码 [www.Mb5u.com]
a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
<a href="/tz.php?url=www.software8.co/">
<span class="nav2">第二种写法 - 站长中心</span>
</a>
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
<a href="/tz.php?url=www.software8.co/">
<span class="nav2">第二种写法 - 站长中心</span>
</a>
示例代码 [www.Mb5u.com]
.wwwMb5u a {text-decoration: none;color: #ccc; }
.wwwMb5u a:visited {color: #ccc;}
.wwwMb5u a:hover {color: #f60;}
<span class="wwwMb5u">
<a href="/tz.php?url=www.software8.co/">第三种写法 - 站长中心</a>
</span>
.wwwMb5u a:visited {color: #ccc;}
.wwwMb5u a:hover {color: #f60;}
<span class="wwwMb5u">
<a href="/tz.php?url=www.software8.co/">第三种写法 - 站长中心</a>
</span>
- Div+CSS如何正确的定义CSS伪类
- DivCSS中如何正确的定义CSS伪类?
- CSS+DIV(一) 如何定义CSS reset
- div+css 超链接伪类
- css正确的伪类顺序(love hate)
- CSS div 定义的list
- css+div定义的优先级
- css的伪类
- css的伪类
- CSS如何定义DIV背景半透明颜色
- CSS中定义链接样式的四个伪类
- css+div 定义三角形
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素
- [DIV/CSS] CSS 属性 :before && :after的用法,伪类和伪元素的区别
- [知识点滴]CSS伪类与伪元素的定义与区别
- css的伪类与伪元素
- CSS的伪类和伪元素
- css的伪类和伪元素
- Dom4J读取XML
- 梳理项目部署及集群的一些学习心得
- javascript重定向
- js与php互传参数
- FlexViewer导出图,带图例
- Div+CSS如何正确的定义CSS伪类
- IBM被曝20年前已推智能手机 6个月才卖出5万部
- QR分解
- C# Winform Access数据库中Case when语句用法
- fedora 18新特性
- android 测试和显示时候的几个重要的部件
- 如何在openstack环境中实现定制化功能
- IOS开发之——UITextField限制字数
- .NET连接SAP系统专题:BAPI_TRANSACTION_COMMIT的使用方法