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

问题描述

问 题

html我是这样写的：

<label class="label label_tasker_other">123<span style="display: none;">&nbsp;&times;</span></label>

css是这样：

<style>
    .label_tasker_other{
        cursor: pointer;
    }
    .label_tasker_other:hover span{
        display: block;
    }
</style>

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

解决方案

内联样式高于外部样式！

试试这个：

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

这篇关于html - 如何用CSS实现鼠标滑过label时让其包裹的span标签显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！