hover出不来是什么原因css,关于css的:hover失效问题

参考：

********************************我是分割线*******************************************************************************************

1、网上百度的原因一般有如下几种种，

第一种是：

选择器、：、hover之间有空格，或者冒号是中文符号；

第二种是：

没有注意active，visited，hover，link之间的生效顺序的关系，

active < hover < visitied / link

其意思就是active需定义在hover之后才能起作用，而hover需定义在visited和link之后才会起作用。当然，前提是它们同时存在的时候。

第三种是：

hover只会与子代元素元素及兄弟元素起作用。

ps：hover作用于兄弟元素时，仅仅只是对相邻的兄弟元素有用，且要写为a:hover +.b{}

第四种是：

低级错误。

2、我自己写的时候，发现hover不生效，但是绝对不满足上边提到的前3中状况。

最后发现，因为hover的元素存在行内式样式，所以导致了hover没有效果

ps：这个应该归类为低级错误吧。

标签：ps,hover,元素,link,visited,active,失效,css

来源： https://blog.csdn.net/lixiangss1993/article/details/95523063

hover出不来是什么原因css,关于css的:hover失效问题相关推荐

为什么开不了4g网络_为什么4G网络越来越慢？究竟是你手机出了问题还是网络原因？...
Hi,大家好,我是小雨!许多人都有这样的一种感受,明明使用的是4G网络,但有时候上网的速度却是非常慢,有一种"龟速"的感觉.尤其是在车站.集市.商场等人员密集的地方更是如此. 那么 ...
[css] 用CSS画出一个任意角度的扇形，可以写多种实现的方法
[css] 用CSS画出一个任意角度的扇形,可以写多种实现的方法先画一个圆,外加两个绝对定位的半圆扇形可以通过两个半圆作为遮罩旋转来露出相应的角度实现这只能切出180°以内的扇形超过180°的 ...
[css] 使用css画出一个五角星
[css] 使用css画出一个五角星 #star-five {margin: 50px 0;position: absolute;display: block;color: red;width: 0; ...
[css] 用css画出一个圆圈，里面有个对号
[css] 用css画出一个圆圈,里面有个对号 #right {width: 150px;height: 150px;margin: 100px auto;border-radius: 50%;bor ...
[css] 用css画出一把刻度尺
[css] 用css画出一把刻度尺 <div class='ruler'><div class='cm'><div class='mm'></div>& ...
[css] 假如css的分号写在声明块之外，将会发生什么呢？解释下原因
[css] 假如css的分号写在声明块之外,将会发生什么呢?解释下原因这样写第一条规则的分号会被放到第二条规则的句首解析,导致第二条解析报错,从而略过.<style> p {color: ...
前端实现美团网页（侧边栏）主要通过HTML+CSS完成，用hover实现菜单栏的影藏与显示
前言:本人是新生小白,如有错误之处欢迎指出模仿美团网页(侧边栏),写的一个网页,侧边栏主要通过HTML+CSS完成,用hover实现菜单栏的影藏与显示,写的很菜,如有错误欢迎指出侧边栏 HTML部分 ...
360安全浏览器右击不显示审查元素或按F12不弹出开发人员工具的原因和解决方法:设为极速模式
360安全浏览器右击不显示审查元素或按F12不弹出开发人员工具的原因和解决方法:设为极速模式参考文章: (1)360安全浏览器右击不显示审查元素或按F12不弹出开发人员工具的原因和解决方法:设为 ...
鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态
需求:当鼠标移动到一个元素A身上时,另外一个元素B显示. 实现原理: A元素与B元素有一个相同的父级. B元素默认隐藏,A元素默认显示. 当鼠标移动到A元素身上时,也可以看做是移动到了A元素的父级身上 ...
解决vue-awesome-swiper中swiper/css/swiper.css无法导入问题
0 文章太长懒得看将语句:import 'swiper/css/swiper.css' 修改为:import 'swiper/swiper-bundle.css' 1 出错原因报错提示为 * sw ...

hover出不来是什么原因css,关于css的:hover失效问题

hover出不来是什么原因css,关于css的:hover失效问题相关推荐

最新文章

热门文章