既生瑜何生亮,没想到CSS有语法和作用如此相似的两套规则,一个是范围,一个是嵌套,大部分时候两者可以互相替换,怎会如此呢?
文章关键字 ‘选择器’
CSS Nesting嵌套与@scope规则也太雷同了吧?
2024年03月31日,星期日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中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。
CSS :not()伪类选择器已支持复杂参数
2022年02月12日,星期六CSS :not()伪类选择器之前除了 Safari 浏览器外只支持简单参数,现在,所有浏览器都支持了复杂的并列参数值,来看看写的写法和带来的变化吧。
关于《CSS新世界》这本书
2021年08月17日,星期二推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。
使用::part伪元素改变Shadow DOM的CSS样式
2021年02月6日,星期六详细介绍CSS ::part伪元素,以及和Shadow DOM中<slot>一起使用的细节知识,多个demo和截图,希望可以帮到您的学习。
CSS @supports开始支持selector选择器检测了
2020年02月12日,星期三CSS @supports规则现在不仅支持CSS新的属性或者属性值的检测,还支持selector选择器的检测,真是越来越强大了,语法很简单,但是还是有一些需要注意的细节知识。