文章关键字 ‘选择器’

CSS @scope他来了

2024年01月21日,星期日

仙人掌封面图

从名称上看,@scope似乎是实现CSS作用域的,这个讨论了近20年的特性终于是要支持了吗,还是并非如此?

阅读全文…

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

2022年09月20日,星期二

熊和兔子封面图

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

阅读全文…

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

2022年08月24日,星期三

云和梯子

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

阅读全文…

详解日后定会大规模使用的CSS @layer 规则

2022年05月28日,星期六

封面图-披萨可乐

我话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。

阅读全文…

CSS必学基础:理解CSS中的级联规则

2022年05月22日,星期日

CSS级联封面图

CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。

阅读全文…

CSS :not()伪类选择器已支持复杂参数

2022年02月12日,星期六

占位图:not css

CSS :not()伪类选择器之前除了 Safari 浏览器外只支持简单参数,现在,所有浏览器都支持了复杂的并列参数值,来看看写的写法和带来的变化吧。

阅读全文…

关于《CSS新世界》这本书

2021年08月17日,星期二

CSS新世界

推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。

阅读全文…

使用::part伪元素改变Shadow DOM的CSS样式

2021年02月6日,星期六

css part伪元素马儿开心跑占位图

详细介绍CSS ::part伪元素,以及和Shadow DOM中<slot&gt一起使用的细节知识,多个demo和截图,希望可以帮到您的学习。

阅读全文…

CSS @supports开始支持selector选择器检测了

2020年02月12日,星期三

@supports规则选择器语法

CSS @supports规则现在不仅支持CSS新的属性或者属性值的检测,还支持selector选择器的检测,真是越来越强大了,语法很简单,但是还是有一些需要注意的细节知识。

阅读全文…

关于《CSS选择器世界》这本书

2019年10月16日,星期三

《CSS选择器世界》是我正式出版的第二本技术书籍,关于这本书,我有一些话想要和大家说……

阅读全文…