开发者社区> 问答> 正文

鼠标滑过label时让其包裹的span标签显示 如何用CSS实现

html我是这样写的:

123 ×

css是这样:
全选复制放进笔记

.label_tasker_other{
    cursor: pointer;
}
.label_tasker_other:hover span{
    display: block;
}

我想让鼠标划过label的时候,就让其中的那个span标签显示出来,鼠标移除的时候,span就隐藏。
但是试了一下发现并不起作用,请问是哪里出错了啊?或者有什么其他的方法可以实现这个效果吗?(最好是通过CSS实现)
谢谢

展开
收起
杨冬芳 2016-06-12 18:47:19 2480 0
1 条回答
写回答
取消 提交回答
  • IT从业

    内联样式高于外部样式!

    试试这个:

    .label_task_other span{display:none;}
    .label_task_other:hover span{display:block;}

    2019-07-17 19:34:56
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载