第1个回答 2015-01-27
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1 {
background: red;
width: 100px;
height: 100px;
}
#div1:hover {
color: yellow;
}
</style>
</head>
<body>
<div id="div1">悬浮看效果</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1 {
background: red;
width: 100px;
height: 100px;
}
#div1:hover {
color: yellow;
}
</style>
</head>
<body>
<div id="div1">悬浮看效果</div>
</body>
</html>
第2个回答 推荐于2018-05-04
background-color:red 不要写在style里面，这个优先级比样式表里的优先级要高
#div1{}
#div1:hover{}
这样写就行了追问
#div1{}
#div1:hover{}
这样写就行了追问
那么我怎么设置悬停时改变里边的文字呢？
用css做。
#div1 span{display:none}
#div1:hover span{display:inline}
原始文字鼠标经过时改变文字
但原来div中的中古两字还在。怎样去掉
追答#div1 .hover,#div1:hover .origin{display:none}
#div1:hover .hover,#div1 .origin{display:inline}
原始文字
鼠标经过时改变文字
第3个回答 2015-01-27
这样的效果最好用jq做才符合标准，你这样写是不对的，本地看有的浏览器可能会实现，但是放到服务器上可就不一定了，标准一点用jq做吧
第4个回答 2015-01-26
div的鼠标经过消息最好还是用onmouseover，hover是<a>标签中的东西
第5个回答 2015-01-27
行内样式覆盖了id样式，这个是有样式的优先级别的
相似回答
