css[display:-webkit box；]使我的[opacity:0.3；]无效

在ant design vue表项中，我有一个带有[display:-webkit box；]的span。当我尝试在“tr”中使用[opacity:0.3]时，它看起来还可以。但是当我尝试在“-webkit框的父框”中使用[opacity:0.3]时，不透明度不起作用。当我不使用[display:-webkit box；]时，一切正常。 如果我做错了什么，我会感到困惑吗？ 以下是照片：

---

第一个选择器的表达方式有问题

[data-v-39bbd7fb] .row-gray .gray-item

有两点：

• .在那元素里，我看不到灰排。不应该这样 选择器的一部分
• 请记住，空格字符在CSS选择器中具有重要意义。例如，见：

子代组合符（通常由单个空格（）字符表示）组合两个选择器，这样，如果第二个选择器匹配的元素具有与第一个选择器匹配的祖先（父、父、父）元素，则会选择这些元素。使用子代组合器的选择器称为子代选择器

因此，请尝试以下方法：

[data-v-39bbd7fb]。灰色项

-记住，属性和类不在同一个元素标记内