今天项目有个需求,a里面包含span,正常情况span不出现,但是当鼠标经过a的时候,span出现,可是我设置完成之后,无论鼠标怎么经过a,span就是不出现
当时我的代码差不多就是这样,无论怎么就是不出现,网上搜了很多方法,把:link:active提前,但是我的代码里没有出现link和active;或者是中间的空格掉了,两个元素之间是兄弟关系而非父子关系之类的,这些我都排除了之后。才发现是权重问题,因为我的display:none是写在行内,所以他的权重最高,谁也无法更改,后来我将代码改成了这样
终于可以正常运行了,这个是容易被忽略的小细节,希望大家引以为戒