首页 新闻 会员 周边

css: 伪类 :active:focus 会覆盖:active:hover吗,有:hover了为什么要加:focus呢

0
[已解决问题] 解决于 2017-06-14 12:20

css: 伪类 :active:focus 会覆盖:active:hover吗,有:hover了为什么要加:focus呢

小鹿姐姐的主页 小鹿姐姐 | 菜鸟二级 | 园豆:252
提问于:2017-05-11 11:37
< >
分享
最佳答案
0

hover是光标移到了元素上方, focus 是在元素里了。这是两个事件。

比如input:

hover是光标在input上方,此时不能输入内容到input;

focus是光标已经在input里,直接可以输入内容到input。

奖励园豆:5
肖恩部落 | 小虾三级 |园豆:585 | 2017-05-11 11:59
其他回答(2)
0

补充下:覆盖不覆盖是看css 的权重的?如div p{color:red}的权重大于p{color:#000000};p中的文字就显示红色

库巴 | 园豆:239 (菜鸟二级) | 2017-05-11 12:42
0

hover 是鼠标上浮悬停,而 focus 则是 input 框 获取焦点,二者并不冲突

 

权值?

1. 内联样式表的权值最高 1000
2. ID 选择器的权值为 100
3. Class 类选择器的权值为 10
4. HTML 标签选择器的权值为 1
css 优先级法则:
A 选择器都有一个权值,权值越大越优先
B 当权值相等时,后出现的样式表设置要优于先出现的样式表设置
C 创作者的规则高于浏览者:即网页编写者设置的 css 样式的优先权高于浏览器所设置的样式
D 继承的 css 样式不如后来指定的CSS 样式
E 在同一组属性设置中标有“!important”规则的优先级最大

名字不好起啊 | 园豆:401 (菜鸟二级) | 2017-05-12 12:33
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册