我在一个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
-记住,在同一个元素标记中没有作为属性和类的空格。