Css 网格区域似乎不适用于attr功能，这是设计的吗？

以下工作：

请注意，我甚至使用了

content:attr（class）

来避免打印标签。干净利落

部分{
轮廓：1px纯红；
显示：网格；
栅隙：10px；
网格模板区域：
“a1”
“a2 a3”
“a2 a4 a5”
“a6 a6 a6 a6”
“a7 a8 a9 a9”
“a7 a0 a0 a0”；
}
.a1{网格区域：a1；}
.a2{网格区域：a2；}
.a3{网格区域：a3；}
.a4{网格区域：a4；}
.a5{网格区域：a5；}
.a6{网格区域：a6；}
.a7{网格区域：a7；}
.a8{网格区域：a8；}
.a9{网格区域：a9；}
.a0{网格区域：a0；}
div{
显示器：flex；
轮廓：1px点绿色；
}
部门：以前{
保证金：自动；
内容：attr（类）；
}

---

是的，它是经过设计的，因为

attr（）

实际上只支持

内容。如中所定义，它是
内容
的值

您还可以阅读：

注意：attr（）函数可以用于任何CSS属性，但对内容以外的属性的支持是实验性的，对类型或单位参数的支持是稀疏的

因此，它可以处理其他属性，但仍处于草稿模式


另一种方法是考虑CSS变量，在那里几乎可以有相同的东西来写，但它将不能与<代码>内容< /代码>一起工作，因为它不是字符串。对于内容，您可以使用计数器替换此内容：

部分{
轮廓：1px纯红；
显示：网格；
栅隙：10px；
网格模板区域：
“a1”
“a2 a3”
“a2 a4 a5”
“a6 a6 a6 a6”
“a7 a8 a9 a9”
“a7 a0 a0 a0”；
计数器复位：g；
}
div{
显示器：flex；
网格面积：var（--c）；
轮廓：1px点绿色；
}
部门：以前{
保证金：自动；
反增量：g；
内容：“a”计数器（g）；
}

根据设计，attr（）只适用于内容：你从哪里得到@TemaniAfif？事实上，这里的底部没有提到任何限制：。。您会发现当前规范（最后一个绿色规范）仅限于内容。。草稿包含其他用法，但仍然不支持yetOh，很有趣。您也可以阅读：注意：attr（）函数可以用于任何CSS属性，但对内容以外的属性的支持是实验性的，对类型或单位参数的支持是稀疏的。[更新了链接，错误地粘贴了法语链接]您可以编辑此链接以包含您在上面对
attr
的评论，该评论现在仅支持
内容
？然后从技术上来说，这就是答案，我将承认，使用css变量比使用自定义属性更难。。。