无法应用css

Question

我试图在一个名为div的组件中更改一个特定的(.cropper)的CSS，但是我不知道它为什么不能工作。

这里是div的图像。

​

​

下面是我尝试使用的CSS来访问所选的div：

    image-cropper {
     div {
      .cropper {
       border-radius: 50%;
      }
     }
    }

Answer 1

从外表上看，似乎是再深一层。还可以尝试在最后添加!important;，以覆盖组件css。

image-cropper > div > div.cropper {
border-radius: 50% !important;
}

Answer 2

image-cropper div .cropper { border-radius: 50% !important; }

使用这个CSS & check。

Answer 3

用SASS就有可能了。

image-cropper
  > div
    > .cropper border-radius: 50%;

或

image-cropper{
  div{
    .cropper{
      border-radius: 50%;
    }
  }
}

或者在CSS中，您只能这样做：

image-cropper > div > .cropper{
   Border-radius: 50%;
}