草庐IT

hover_help

全部标签

javascript - CSS :hover effect on current and previous elements

我有很多无序列表,每个5里的like我想更改当前li:hover元素的background-color以及该列表中所有先前的li元素。假设,如果我将鼠标悬停在第3个li上,那么第3个、第2个和第一个li应该有background-color:#00f;我可以在jQuery或JavaScript中完成,但我希望在纯CSS中完成。目前关注这篇文章:http://css-tricks.com/useful-nth-child-recipies/我可以使用此.Rankli:hover更改当前悬停的li元素的背景,但无法理解如何更改background-color当前.Rank列表的先前元素。从

javascript - 移动设备上的 CSS 下拉菜单。如何绕过 :hover

我进行了搜索,但找不到任何内容,而且这是我第一次使用该网站,所以希望没有人问我。我遇到了一个情况。我绝不是一个经验丰富的网站制作者。我边走边学。我有一个CSS下拉菜单,可以在桌面浏览器上正常工作。当我进入移动领域时,我遇到了一个问题,即:hover不起作用(很明显)。我发现了这个:http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly但我不能让红润的东西工作。我正在应用它的相关页面在这里:http://www.inkslinger.co.uk/calibre/index.html我真的无法解决这个问

javascript - 移动设备上的 CSS 下拉菜单。如何绕过 :hover

我进行了搜索,但找不到任何内容,而且这是我第一次使用该网站,所以希望没有人问我。我遇到了一个情况。我绝不是一个经验丰富的网站制作者。我边走边学。我有一个CSS下拉菜单,可以在桌面浏览器上正常工作。当我进入移动领域时,我遇到了一个问题,即:hover不起作用(很明显)。我发现了这个:http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly但我不能让红润的东西工作。我正在应用它的相关页面在这里:http://www.inkslinger.co.uk/calibre/index.html我真的无法解决这个问

javascript - 光标通过 CSS :hover. 更改,无需移动鼠标即可从 DOM 中删除元素。更新鼠标光标?

我有一个动态创建的HTML元素。它有一些CSS和HTML:#element{height:200px;width:200px;background-color:blue;}#element:hover{cursor:pointer;}然后当鼠标仍在该元素上时,以编程方式将其从页面中删除。$('#element').hover(function(){setTimeout(function(){$(this).remove();}.bind(this),1000);});在鼠标移动之前,这会使光标看起来像一个指针。有没有办法在仍然使用CSS悬停的同时解决这个问题?这是一个fiddle:ht

javascript - 光标通过 CSS :hover. 更改,无需移动鼠标即可从 DOM 中删除元素。更新鼠标光标?

我有一个动态创建的HTML元素。它有一些CSS和HTML:#element{height:200px;width:200px;background-color:blue;}#element:hover{cursor:pointer;}然后当鼠标仍在该元素上时,以编程方式将其从页面中删除。$('#element').hover(function(){setTimeout(function(){$(this).remove();}.bind(this),1000);});在鼠标移动之前,这会使光标看起来像一个指针。有没有办法在仍然使用CSS悬停的同时解决这个问题?这是一个fiddle:ht

html - CSS:为大下行字体制作厚 <a:hover> 下划线的正确方法

我是CSS初学者。基本上我有以下html:ОнасГалерея我想在我的a标签上悬停时有一个粗下划线,但我使用了带有大下行的自定义字体,所以如果我为此使用常见的技巧:a:hover{text-decoration:none;border-bottom:2pxsolid;padding:0;margin:0;}下划线远低于基线:但我希望它看起来像这样:我试着这样做:ОнасГалерея.over{font-size:30px;height:30px;//makesthetextoverlapthiselementoverflow:visible;}.over:hover{border

html - CSS:为大下行字体制作厚 <a:hover> 下划线的正确方法

我是CSS初学者。基本上我有以下html:ОнасГалерея我想在我的a标签上悬停时有一个粗下划线,但我使用了带有大下行的自定义字体,所以如果我为此使用常见的技巧:a:hover{text-decoration:none;border-bottom:2pxsolid;padding:0;margin:0;}下划线远低于基线:但我希望它看起来像这样:我试着这样做:ОнасГалерея.over{font-size:30px;height:30px;//makesthetextoverlapthiselementoverflow:visible;}.over:hover{border

html - CSS :hover effect not working when I set an ID to the paragraph

我有以下具有轻松效果的css3转换:HTMLCSS*{padding:0;margin:0;}.button{width:180px;margin-top:45px;}.buttona{display:block;height:40px;width:180px;/*TYPE*/color:black;font:17px/50pxHelvetica,Verdana,sans-serif;text-decoration:none;text-align:center;text-transform:uppercase;}.buttona{background:url(http://images

html - CSS :hover effect not working when I set an ID to the paragraph

我有以下具有轻松效果的css3转换:HTMLCSS*{padding:0;margin:0;}.button{width:180px;margin-top:45px;}.buttona{display:block;height:40px;width:180px;/*TYPE*/color:black;font:17px/50pxHelvetica,Verdana,sans-serif;text-decoration:none;text-align:center;text-transform:uppercase;}.buttona{background:url(http://images

html - :hover not working

HTMLLogoutCSS@charset"utf-8";/*CSSDocument*/#logout{color:#BBB;}a:hover{color:#FFF;}虽然注销的颜色看起来是css中给出的颜色,但当我将鼠标放在链接上时颜色没有改变(到白色)。这是什么原因?我必须告诉你还有其他css文件,当鼠标放在它们上面时它们会改变链接的颜色并且它们工作正常。 最佳答案 id选择器(#logout)比类型选择器(a)加上伪类(:hover)更具体,所以你的第一个规则集总是winthecascade.改用#logout:hover。