css: 伪类 :active:focus 会覆盖:active:hover吗,有:hover了为什么要加:focus呢
hover是光标移到了元素上方, focus 是在元素里了。这是两个事件。
比如input:
hover是光标在input上方,此时不能输入内容到input;
focus是光标已经在input里,直接可以输入内容到input。
补充下:覆盖不覆盖是看css 的权重的?如div p{color:red}的权重大于p{color:#000000};p中的文字就显示红色
hover 是鼠标上浮悬停,而 focus 则是 input 框 获取焦点,二者并不冲突
权值?
1. 内联样式表的权值最高 1000
2. ID 选择器的权值为 100
3. Class 类选择器的权值为 10
4. HTML 标签选择器的权值为 1
css 优先级法则:
A 选择器都有一个权值,权值越大越优先
B 当权值相等时,后出现的样式表设置要优于先出现的样式表设置
C 创作者的规则高于浏览者:即网页编写者设置的 css 样式的优先权高于浏览器所设置的样式
D 继承的 css 样式不如后来指定的CSS 样式
E 在同一组属性设置中标有“!important”规则的优先级最大