垃圾特性之CSS :heading伪类和:heading()函数
💡
原文中文，约2100字，阅读约需5分钟。
📝
内容提要
CSS新增了:heading伪类，用于匹配h1至h6元素。:heading()函数可筛选特定标题元素，优先级与类名相同。目前仅Firefox支持此特性，其他浏览器尚未跟进。
🎯
关键要点
- :heading伪类用于匹配h1至h6元素，优先级与类名相同。
- :heading()函数可筛选特定标题元素，语法为:heading([<An+B> [, <An+B>]* | even | odd])。
- 使用:heading(odd)匹配<h1>、<h3>和<h5>元素，使用:heading(even)匹配<h2>、<h4>和<h6>元素。
- 作者对:heading伪类的实用性表示质疑，认为其设计没有实际用途。
- 目前仅Firefox支持:heading伪类，其他浏览器尚未跟进。
❓
延伸问答
:heading伪类的作用是什么？
:heading伪类用于匹配h1至h6元素，优先级与类名相同。
:heading()函数的语法是什么？
:heading()函数的语法为:heading([<An+B> [, <An+B>]* | even | odd])。
如何使用:heading(odd)和:heading(even)？
:heading(odd)匹配<h1>、<h3>和<h5>元素，:heading(even)匹配<h2>、<h4>和<h6>元素。
目前哪些浏览器支持:heading伪类？
目前仅Firefox支持:heading伪类，其他浏览器尚未跟进。
作者对:heading伪类的看法是什么？
作者对:heading伪类的实用性表示质疑，认为其设计没有实际用途。
:heading()函数的优先级如何？
:heading()函数选择器的优先级和类名一致。
➡️
