文章关键字 ‘:has()’

如何使用CSS判断鼠标从哪个方向进入元素?

2026年04月27日,星期一

CSS鼠标进入方向封面图

CSS居然可以判断用户的鼠标是从上面进来的,还是从下面进来的,其实现原理非常巧妙,仿佛变魔术一般,有兴趣的可以进来了解一下。

阅读全文…

巧用:is()或:where()伪类让scoped的style依然全局匹配

2022年09月20日,星期二

熊和兔子封面图

本文介绍一个实用前端技术,可以让框架中私有上下文中的CSS不添加随机属性选择器,从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。

阅读全文…

来了,来了,CSS :has()伪类她来了

2022年08月24日,星期三

云和梯子

盼星星盼月亮,盼了24年,:has() 伪类终于来了,在棘手的性能问题解决之后,这是一个神级CSS伪类,以后一定会在前端领域掀起不小的波澜。

阅读全文…