What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More
本文聚焦前端开发的最新动态与实用技巧。首先，讨论了在没有Safari浏览器的情况下测试网站的方法，推荐使用跨浏览器测试工具或远程调试，确保在没有Apple设备的情况下也能保证兼容性。随后，引入::checkmark伪元素，该特性允许自定义复选框、单选按钮等元素的选中标记样式，提升表单元素的视觉一致性。接着，展示了border-shape与shape()函数的结合使用，能够创建比clip-path更丰富的形状效果，增强CSS样式设计能力。此外，详细介绍了sibling-index()和sibling-count()函数，它们通过兄弟元素索引和数量实现动态样式计算，为布局带来新可能。文章还提供了使用data属性和attr()函数管理锚点关联的技巧，以替代被移除的HTML anchor属性。最后，强调了State of CSS 2026调查的重要性，倡导开发者关注核心特性以应对CSS快速迭代，并提及Firefox 151的新功能如容器样式查询和文档画中画API。整体内容旨在帮助前端开发者紧跟技术前沿，优化开发流程。