`

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;}

分享到:
评论

相关推荐

    Bootstrap笔记

    - **重写样式:** Bootstrap重新定义了从`<h1>`到`<h6>`的标题元素的默认样式,使其更加一致和美观。 - **示例代码:** ```html <h1 class="h1">Bootstrap基础入门 <h2 class="h2">Bootstrap基础入门 ...

    jquery 教程

    3. **改变样式**: 使用`.css("color", "red")`方法改变选定元素的颜色为红色。 4. **添加点击事件**: 使用`.click()`方法为选定元素添加点击事件处理程序。 #### 五、总结 通过上述内容,我们可以看出jQuery是一款...

    两款bootstrap分页样式美化特效

    其中,`css`文件夹可能包含自定义的CSS样式文件,这些文件对原始Bootstrap的CSS进行了扩展或重写,以实现独特的分页效果。可能包括了添加边框、改变颜色、调整字体大小、使用渐变背景等。 `fonts`文件夹可能包含了...

    js+css实现select的美化效果

    6. `.div-select-item-hover` 和 `.div-select-selected`: 分别表示鼠标悬停和当前选中项的特殊样式。 在JS部分,我们使用jQuery库来操作DOM元素。首先,通过`initDivSelect()`函数初始化所有带有`.div-select-...

    02Spring笔记_07月6日1

    添加了Bootstrap的CSS和JavaScript库,以及jQuery库。页面结构变得更加复杂,包含一个顶部导航栏,其中包含链接,并且调整了图片容器 `.img-logo` 的样式,增加了外边距。同时,`.container` 和 `.top` 也设置了宽度...

    下拉框.rar

    下拉框的样式重写可能涉及到更复杂的CSS技术,如使用`:hover`、`:focus`伪类来改变鼠标悬停和获取焦点时的样式,或者利用`appearance`属性去除浏览器默认样式,实现自定义设计。此外,还可以利用JavaScript库如...

    Java基础总结.pdf

    each()方法可以遍历数组或对象,attr()方法用于获取或设置HTML属性,css()方法用于修改元素的样式,bind()、trigger()、hover()、show()和hide()等方法用于操作元素的事件。 14. jQuery选择器如first、last、even、...

Global site tag (gtag.js) - Google Analytics