我有一个导航,它通过css隐藏在视口之外,并通过:hover伪类显示在包含li的光标上。下面是标记和css。
ul li div#someid{position:absolute;left:-9999px;opacity:0;}
ul li:hover div#someid { left:0;opacity:1;z-index:9000;}
<ul>
<li>
<div>The Content to Hide <a href="#runAjax">Click Me</a></div&
<html>
<head>
<style type='text/css'>
ol li{background-color:green;}
ol li:hover{background-color:lightgreen;}
</style>
</head>
<body>
<ol>
<li>This is first line</li>
<li>Here is second line</li>
<li>And last
我正在尝试添加一个CSS类到li标签,这个标签是在执行jQuery ajax调用之后附加到html的。这样做的目的是当鼠标光标停留在li元素上时,向追加的li元素添加一个左边框,当鼠标离开li元素时,删除该边框。但是,代码不会执行,也不会向li标记添加边框。
我的jQuery:
$(document).ready(function () {
$("#searchButton").on('click', function() {
var searchValue = $('.form-control').val();
var ur
在我的MVC Razor布局视图中,我尝试在鼠标悬停时设置下拉列表的背景颜色:
The list looks like this:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Partner <b class="caret"></b></a>
我想知道如何在CSS中从另一个DIV更改DIV
我的意思是:我有2个div,当鼠标超过1个DIV时,我想改变另一个DIV的CSS
谢谢你
HMTL:
<li id="aboutUs">
<a>
<div id="icon"></div><h1>ABOUT US</h1>
<p id="nav">
A bit about us, jackpots, good gaming & join the community
</p>