开发者社区> 问答> 正文

这个css难题如何解决

style>
  dl a{color:white;}
  dl a:hover{color:blue}
</style>
<dl>
  <dt><a>内容111111</a></dt> <dd></dd>
  <dt><a>内容111111</a></dt> <dd></dd>
 
</dl>

上面是前提,现在想解决这么一个问题,当鼠标在dl上的时候,dl里面的所有字体颜色都蓝色,不知这个用juqery 如何写

在没有写jquery前,如果鼠标放在a标签上的时候颜色是blue,移出第一个a标签上放到第二个a标签上的时候,此时第一个a标签颜色就还原成了白色,当然第二个变成了蓝色,

所以想写一个jquery控制一下,只要鼠标不移出dl,它里面的文字都是蓝色的

这个问题的难点挺烦人的是:已有css属性控制了标签,并且这些自属性不能去掉,要在此基础上写个jquery控制一下,矛盾的地方是a 标签的文字颜色控制级别太高,用jquery似乎也不能写成一个比它级别更高的

展开
收起
a123456678 2016-07-14 16:44:50 2159 0
1 条回答
写回答
取消 提交回答
  • hover(function() {
                 
                    $(this).find("a").css("color","red");
        },
    2019-07-17 19:56:34
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
F2etest — 多浏览器兼容性测试整体解决方案 立即下载
基于VUE的单页面性能优化实践 立即下载