css[display:-webkit box;]使我的[popacity:0.3;]无效



我在一个ant设计vue表项中有一个带有[display:-webkit box;]的span。当我尝试在"0"中使用[不透明度:0.3]时;tr";,它看起来还可以。但是当我尝试在"-webkit盒子的父亲盒子";,不透明性不起作用。当我不使用[display:-webkit box;]时,一切都没问题。如果我做错了什么,我会感到困惑吗?这是照片:

但是当我尝试在"-webkit盒子的父亲盒子";,不透明性不起作用。

当我尝试在"0"中使用[不透明度:0.3]时;tr";,看起来不错

当我不使用[显示:-webkit框;]时,一切都好。

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

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

几点:

  • .我在那个元素中看不到行灰色。不应该选择器的一部分
  • 请记住,空格字符在CSS选择器中具有重要意义。例如,请参见MDN:

子代组合子(通常由一个空格((字符表示(组合两个选择器,这样,如果第二个选择器匹配的元素有一个与第一个选择器相匹配的祖先(父、父、父等(元素,则会选择第二个选择符匹配的元素。使用后代组合子的选择器称为后代选择器。

因此,请尝试以下操作:[data-v-39bbd7fb].gray-item-记住,在同一个元素标记中没有作为属性和类的空格。

最新更新