问题:focus样式无法覆盖hover样式,但是用优先级更高的ID选择器就可以实现。
理论上focus和hover是同一优先级,后面的覆盖前面的,但是事实好像不是这样?
解决:
html结构:
css结构:
因为自己偷懒,css的focus的选择过程中少写了父节点.search-part,导致focus选择器权重降低,暴露了自己对css选择器权重认识不足的缺点
理论上focus和hover是同一优先级,后面的覆盖前面的,但是事实好像不是这样?
因为自己偷懒,css的focus的选择过程中少写了父节点.search-part,导致focus选择器权重降低,暴露了自己对css选择器权重认识不足的缺点