CSS原生Masonry布局下.feature类跨2列效果失效如何解决

核心矛盾：对近几个月正式推出的CSS原生masonry特性做开发实操时，发现「元素跨列」和「masonry瀑布流布局」两个效果无法同时生效：

• 开启grid-template-rows: masonry;属性启用瀑布流排版时，给子元素设置的跨2列规则会完全失效
• 关闭上述masonry属性时，子元素跨2列的效果可以正常运行，但失去原生masonry的流式瀑布流排版能力

目前的排查验证过程：

• 找到一份完全适配最新官方规范的教学内容，其中明确说明可通过给目标元素添加feature类，实现masonry布局下元素跨2列的效果，但自己实操始终无法复现该效果
• 为排除本地代码抄写出错的可能，直接复制教程作者公开的示例代码本地运行，甚至在示例平台直接打开作者的公开工程运行，带feature类的元素依然没有出现跨2列的预期效果

补充背景：
距离上一次编写CSS代码已经间隔11年，本次是时隔多年重新接触CSS相关开发，不确定是不是遗漏了基础配置导致功能失效，希望能得到对应问题的解决方法。

内容的提问来源于stack exchange，提问作者Andrew McCartney