关于scss:关于-a-标签-hover-状态样式不生效的问题

11次阅读

共计 532 个字符,预计需要花费 2 分钟才能阅读完成。

明天在做页面的时候,须要做一个默认 a 标签文字的色彩,而后当 hover 的时候,a 标签文字的色彩进行一个变动。

举例来说,

默认的款式写的时候,用的是 a:link {color: blue};

当 hover 的时候,写的款式是 a:hover {color: red};

起初发现,hover 的时候款式没有失效。

之后去搜网页查找了没有失效的起因,大部分的都是形容的是因为 a 标签的 4 种状态写的程序不对引起的,即 LOVE HATE 准则:

a:link a:visited a:hover a:active;

起初校对了一下,我写的程序也是正确的,即:a:link , a:hover

前面把浏览器的 F12 模式的设施调试去掉了,即勾销勾选设施图标:

而后发现 a:hover 款式就失效了。

起初明确为什么 a:hover 的款式不失效了。因为我间接始终在应用浏览器的设施调试模式,应用的是 iPhone 调试模式:

导致 a:hover 没有失效。起初勾销设施调试模式后,当鼠标挪动到 a 标签下面的时候,就能够失常款式变动了。

所以,最初的总结是:应用 a:hover 的时候,或者其余元素应用 hover 的时候,肯定要留神是不是在模仿挪动设施的场景,如果是,那 hover 就不会失效;如果想看 hover 失效的款式,务必勾销挪动设施调试的模式。

正文完
 0