css hover的问题 - ···· - ITeye博客

`

alleni123

浏览: 375847 次
来自: 北京

最近访客更多访客>>

swx316

aininim

wangcaster

dongguangming88

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

wxpsjm：好直接
HV000030: No validator could be found for type: java.lang.Integer.
wxhhbdx：学习了，对新手来说很不错的教程。
SpringMVC入门（二）数值传递
xgcai：正好在学dwr
DWR入门（二）用户实例

css hover的问题

博客分类：

HTML5

阅读更多

<!DOCTYPE html>
<html>
    <head>
       <style type="text/css">
           a:hover{
               color:gray;
           }
           
           a:visited{
               color:yellow;
           }
           
         
           
           
           
       </style>
       
    </head>

    <body>
       <p>
           <a id="baidu" href="http://www.baidu.com" target="_blank">百1度</a>
           <a id="sina" href="http://www.sina.com">新浪</a>
           
       </p>
       
    </body>
</html>

这里让链接被点击后， hover效果便会失效。

如果想让被点击了的链接仍然有hover效果，就要加入

 a:visited:hover{
               color:gray
           }

分享到：

使用$(window)[0].innerHeight 代替$(wind ... | div里的img宽度不超过div宽度

2014-04-01 13:21
浏览 900
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

csshover.htc: csshover.htc 用于IE的hover伪类hack

Css Hover动画文件: Hover是CSS中的一个伪类选择器，它允许开发者为鼠标悬停状态的元素添加特定样式。在本主题“Css Hover动画文件”中，我们探讨的是如何利用CSS来创建各种动态效果，特别是在鼠标悬停时触发的动画。首先，`hover....

css的 HOVER: css的 HOVER

借助jQuery实现的简单CSS Hover效果: 本示例中，“借助jQuery实现的简单CSS Hover效果”着重展示了如何使用jQuery来增强传统的CSS:hover伪类，为用户提供更加丰富的交互体验。首先，`index.html`是网页的入口文件，它通常包含HTML结构以及引入其他资源...

CSS3鼠标hover背景图片缩放动画效果: **CSS3鼠标hover背景图片缩放动画效果**是现代网页设计中一种常见的交互技术，它通过CSS3的特性实现背景图片在鼠标悬停时产生平滑的缩放效果，为用户带来更丰富的视觉体验和更直观的交互反馈。在本案例中，当用户将...

12种CSS3 hover效果插件: 在网页设计中，CSS3的:hover伪类是一个非常重要的元素，它可以为用户鼠标悬停时带来丰富的视觉反馈和交互体验。本主题将深入探讨12种利用CSS3的transition和animation技术实现的:hover效果插件，这些插件可以帮助...

7款非常漂亮的CSS3鼠标hover图片动画特效: 在本文中，我们将深入探讨如何使用CSS3来创建令人印象深刻的鼠标悬停（hover）图片动画特效。这些特效是基于一个名为"magic.css"的库实现的，它为开发者提供了丰富的选择，使得网页中的图片在鼠标悬停时能展现出动态...

纯csshover伪类多级下拉菜单代码: "纯css hover伪类多级下拉菜单代码"就是一个实现这种功能的例子。在这个主题中，我们将深入探讨CSS（层叠样式表）如何利用hover伪类来创建一个多级下拉菜单的结构，并了解其背后的原理。首先，让我们理解什么是...

前端项目-hover.css.zip: "前端项目-hover.css.zip"是一个专为前端开发者设计的资源包，它利用CSS3的强大功能，提供了多种悬停效果，适用于按钮、链接、图标以及其他元素，以增强网页的动态感和吸引力。首先，我们要理解CSS3是什么。CSS...

csshover 解决IE6不支持hover的办法: 可解决在IE6中不支持hover的方法！

CSS Hover表格变色样式特效.zip: 在这个“CSS Hover表格变色样式特效.zip”压缩包中，包含了一个实用的jQuery和CSS结合实现的表格元素hover效果的代码示例，该示例可以方便地应用于网页中，为用户提供更直观和友好的交互体验。首先，我们来理解CSS...

Hover.css使用代码: Hover.css是一款强大的CSS库，专为网页设计中的悬停效果而设计。它提供了一系列美观、动态且响应式的悬停效果，使得用户在鼠标指针悬停在元素上时，能够获得丰富的视觉反馈。 Hover.css主要由CSS、LESS和SCSS三种...

纯csshover3.htc网上商城左侧垂直商品分类二级菜单: "纯csshover3.htc"是一个专门针对网上商城左侧垂直商品分类二级菜单的设计方案，它利用纯CSS技术实现动态交互效果，无需依赖JavaScript或者其他复杂的前端框架。首先，我们要理解CSS Hover特性。在CSS中，`:hover`...

7种CSS3鼠标hover图片效果.zip: 在网页设计中，CSS3（层叠样式表第三版）为开发者提供了许多强大的新特性，其中之一就是能够创建丰富且互动的鼠标悬停（hover）效果。"7种CSS3鼠标hover图片效果.zip"是一个资源包，它包含了七种不同的CSS3技术实现...

csshover.htc可以解决ie6下hover不起作用等兼容问题: 在ie6 下只有a 才支持:hover 伪类，其它标签都不支持，现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。它利用 javascript 脚本来给元素的的样式定义，如果检测到 hover 定义，就给元素设置 ...

CSS动画|hover动画|border动画: css动画，hover触发border动画

JS实现css hover操作的方法示例: 本文主要讲述了使用JavaScript实现CSS hover操作的方法。具体来说，这一过程涉及了JavaScript事件响应机制以及如何动态地操作页面元素的CSS属性。在网页开发中，hover效果通常用于在用户将鼠标悬停于页面元素上时...

纯CSS3Hover按钮边框动画特效.zip: 本篇文章将深入探讨“纯CSS3 Hover按钮边框动画特效”这一主题，帮助开发者了解如何利用CSS3创建出吸引人的按钮交互设计。首先，让我们了解“Hover”在CSS中的含义。Hover是CSS的一个伪类选择器，当用户将鼠标指针...

CSS3鼠标hover图片动画样式: **CSS3技术详解：鼠标hover图片动画样式** 在网页设计中，吸引用户的注意力并提供良好的交互体验至关重要。CSS3作为现代网页设计的核心技术之一，提供了丰富的功能和效果，包括我们今天要讨论的“鼠标hover图片动画...

Global site tag (gtag.js) - Google Analytics