html id优先级,css,javascript_css 优先级问题 #id.class，css,javascript,html - phpStudy

css 优先级问题 #id.class

鼠标移入移出的时候改变样式。

当鼠标移入的时候添加className .onmouse ,

鼠标移出的时候删除这个class。

因为要改变div中已定义的样式。所以首先想到的方法是在 .onmouse 的样式加 !important 如注释。

但是看别人代码发现是用的 #div1.onmouse ；

想问问 #div1.onmouse 是什么意思。为什么优先级比 #div1 要高？

ok.

更新。。是因为权重可以加？所以 #div1.onmouse 优先级更高吗？(忽然想起这个-)

// #div1.onmouse 之间没有空格，不是后代选择器。

感谢！

#div1{

box-sizing: border-box;

width: 200px;

height: 200px;

margin: 0 auto;

padding: 30px;

border: 10px solid black;

text-align: center;

font-size: 12px;

color: #fff;

background: black;

}

#div1.onmouse{

border: 10px solid red;

background: #f0f0f0;

color: red;

}

/*

.onmouse{

border: 10px solid red!important;

background: #f0f0f0!important;

color: red!important;

}

*/

相关阅读:

论设计模式在Android开发中的重要性

有什么作用

移动端页面如何展示表格数据？

android原生JSON.stringify 中文乱码

这个总是显示33行语法错误，请问html和php混编有什么规则吗？

linux文件夹拥有者是否有权限对文件夹内所有文件进行读写

js如何控制背景色透明度从0到1？

SSO From windows environment to sap

有一个算法问题想请教，给定一亿个数，如何用最快的方法取出其中最大的三个数。

hostname和dns之间是什么关系？

请问怎么在地址栏直接运行js代码？

angularjs用websocket做聊天功能发送不出去消息

如何让光标始终显示在编辑框的可视区域内？

页面自适应失效

大家平时用Java8吗？用了哪些新的特性吗？

能否简单说下CGI和web服务器的关系?

tls 与 ssl的区别 以及 使用方案？

swing刷新UI控件的线程问题

使用gulp该怎么设计目录结构

iPad遇到iframe页面内的input 或 textarea 会失去焦点？