------------------------------------------------------------------------
var x = documentgetElementById("xxx"); //获取父级标签的ID
function xxx_1() {
xstyleborder = "1px solid white";
} //创建一个函数xxx_1，设置触发后的效果：xxxstylecss样式
-------------------------------------------------------------------------
然后在子级标签里添加 onfocus="xxx_1()"
在子级获得焦点的时候就能让父级改变样式了，如果需要设置子级没有获得焦点的时候恢复原样就在标签加上
onblur="xxx_2()"，然后创建一个xxx_2的函数把border设置0就行了。 像onclick被点击的时候触发等等方法，需要啥触发自己变通一下就行了。1直接在你的那些div的里面的a上没一个都自己加个onmouseover,onmouseout实现:hover的效果，注意只能模仿实现，并不是什么都可以style=""实现
就像你这里的div a:hover这个选择器
还有我不知道你为什么一定要这样做，灵活下啦。
2试试js
比如jquery的$("div a:hover")应该能搞定吧。 html charset=utf-吧"> css"> pa:hover{ background-color: pink; } 因为hover属于 CSS 的一个伪类！你要求，鼠标悬停在img标签上是修改div的背景颜色用hover写，代码就这样了！ 需要注意几点： 一 pa:hover{}意思是类名为"a"的"p"元素(也就是那张)。 二因为你的在div里，所以改变的背景颜色，也就是改变div的背景颜色！ 希望能够帮到你，望采纳
link是未访问的时候，visited是已访问的时候，hover是鼠标移动到链接上时，active选定的时候
提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
同样使用less样式
加上伪类hover就行了，如a:hover{式样}但要注意的是如果其他元素如li,span等在CSS1中不支持伪类，只有a支持，在CSS2中则都支持。现在IE6还有一定的份量，所以要注意，因为IE6只支持CSS1<html>
<head>
<style type="text/css">
ul{list-style:none; height:100px; background:red;}
li{float:left; width:80px; height:30px; line-height:30px; text-align:center;}
ul li a{display:inline-block; width:80px; height:30px; }
ul li a:hover{background:yellow;}
</style>
</head>
<body>
<ul>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
<li><a href="#" >网站首页</a></li>
</ul>
</body>
</html>
少年 看看是不是这样。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）