jQuery .css color 重写 :hover样式没了

$("#quickSqlDiv a").css({"color":"red"});
$("#course a").css({"color":"#000"});

使用之后原本的 a标签hover不起作用了

div#navsecond div ul li a:hover {
text-decoration: underline;
color: #ff0000 !important;
background: transparent;
}

需添加 !important
color: #ff0000 !important;

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权(参见:W3.org的解释)。语法格式{ sRule!important },即 写在定义的最后面,例如:

box{color:red !important;}

时间: 2024-10-12 05:09:47

jQuery .css color 重写 :hover样式没了的相关文章

jQuery CSS()方法改变CSS样式实例解析

转自:http://www.jbxue.com/article/24588.html 分享一个jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456');//选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接.//.css(‘

jQuery CSS()方法改变CSS样式

jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码: .代码   $("#61dh a").css('color','#123456'); //选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果需要

jquery css

jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性.其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开.比如我们要改变链接颜色,我们可以使用下面的代码: $("#61dh a").css('color','#123456'); //这里选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果我们需要改变

jQuery css()选择器使用说明

css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS()有三个不同的语法,来完成各自的工作: ■$(selector).css(name,value)■$(selector).css({properties})■$(selector).css(name) 返回CSS属性使用CSS(name)返回指定的第一个匹配元素的CSS属性值: 示例 $(this)

jquery获取css color 值返回RGB

css代码如下: 1 2 a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下: 1 2 var link_col = $("a:link").css("color"); alert(link_col); // returns rgb(65, 136, 251) jquey貌似设置颜色,使用的是rgb格式的. 用以下这个function

jQuery css() 方法:设置或返回被选元素的一个或多个样式属性

jQuery css() 方法 jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性. 返回 CSS 属性 如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); 下面的例子将返回首个匹配元素的 background-color 值: 实例 $("p").css("background-color"); 设置 CSS 属性 如需设置指定的 CSS 属性,请使用如下语法: cs

css函数,来自于jQuery,获取非行间样式

css(oDiv,'width')获取样式(会把样式的结果给返回出去) css(oDiv,'width','200px')       设置样式 简单来说,css函数给两个参数是获取,给三个参数是设置. html格式: <body> <div id="div1" style="width:200px; height:200px; background:red;"> </div> js代码: function css() { if(

jquery控件-实现自定义样式的弹出窗口和确认框(转)

[javascript] view plain copy (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk();  //alert只是弹出消息,因此没必要用到回调函数callback btnNo(); }, Confirm: function (title, msg, callback) { GenerateHtml("conf

【源码分享】jquery+css实现侧边导航栏

jquery+css实现侧边导航栏 最近做项目的时候,突然想用一个侧边导航栏,网上找了几个插件,有的太丑而且不太符合我的预期.与其修改别人的代码,不如自己来写一个了.废话不多说先上图,感兴趣的请继续看下去. 1效果图 当有顶部导航栏的时候侧边导航栏会消失. 响应式方面,同样的顶部导航栏消失后右下角的图标才出现.点击出现导航,选中后消失: 这里是个demo ,没有做平滑滚动,需要的可以自己加上. 大体就介绍这么多吧,下面上代码. 2css代码 这里是css代码,详情请看注释 1 <style>