从没有见过如此鸡肋设计的CSS新特性，真是浪费我的学习时间，专门匹配h1-h6标题元素，怎么想得出来的？
文章关键字 ‘伪类’
垃圾特性之CSS :heading伪类和:heading()函数
2025年11月3日，星期一巧用:is()或:where()伪类让scoped的style依然全局匹配
2022年09月20日，星期二
来了，来了，CSS :has()伪类她来了
2022年08月24日，星期三
CSS :not伪类可能错误的认识
2019年07月28日，星期日
CSS :focus-visible伪类让我感动哭了
2019年03月24日，星期日
:focus-visible可以让我们知道元素的聚焦行为到底是鼠标触发还是键盘触发，从而可以更有效地控制浏览器中因为focus行为触发的outline轮廓样式，解决了我一个困扰我多年的难题。
伪类匹配列表数目实现微信群头像CSS布局的技巧
2019年03月11日，星期一
CSS :placeholder-shown伪类实现Material Design占位符交互效果
2018年12月25日，星期二
Material Design规范中占位符交互效果是这样的：focus输入框的时候，placeholder会位移到左上角作为一个label存在。以前我们要实现这种效果只能借助JavaScript，实际上，纯CSS就能搞定之，就是借助:placeholder-shown伪类实现。且目前在移动端兼容性不错，可以在实际项目中应用。究竟如何实现？有没有这么神奇？一起进来看看吧~
周知：CSS -webkit-伪元素选择器不再导致整行无效
2018年12月17日，星期一
通常，如果选择器链或组中有无效的伪元素或伪类，则整个选择器列表无效。如果伪元素（但不是伪类）具有-webkit-前缀，那么对于Firefox 63+，Blink、Webkit和Gecko浏览器认为它是有效的，而不会使选择器列表无效。
CSS :visited伪类选择器隐秘往事回忆录
2018年10月12日，星期五
详细了解CSS :focus-within伪类及其交互应用
2018年01月21日，星期日:focus-within伪类原本设计的作用是原生表单元素focus时候，祖先<form>元素可以也有状态变化。
但是在我看来，:focus-within功能之强悍，远远不是仅仅和祖先<form>元素玩过家家这么简单。
理论上，只要页面上任意一个元素focus，通过:focus-within就能对页面上任意的元素进行样式控制…
我的应用
我的应用