Как использовать вложенный класс css? - PullRequest
Новая
       41

Как использовать вложенный класс css?

0 голосов
/ 05 августа 2020

Мне трудно написать правильный стиль CSS, чтобы изменить конкретный стиль. В настоящее время используется фреймворк vuetify для интерфейса. Ниже приведен код проверки из chrome. 

<div class="flex lg10-custom">
  <div class="d-flex pt-0 mt-0 v-card v-card--flat v-sheet theme--light rounded-0">
    <div class="v-image v-responsive grey lighten-2 theme--light">
      <div class="v-responsive__sizer" style="padding-bottom: 100%;"></div>
      <div class="v-image__image v-image__image--contain"></div>
      <!---->
      <div class="v-responsive__content" style="width: 956px;"></div>
    </div>
  </div>
</div>

Итак, теперь я хочу изменить свойство padding-bottom: 100% на padding-bottom: 50%, а ниже - код, который я написал для изменения CSS property.

.lg10-custom > .d-flex > .v-image > .v-responsive__sizer{ padding-bottom: 50%;}

Похоже, что способ, которым я установил правило, не работает. Пожалуйста, помогите мне установить правильное правило css. Спасибо !!

1 Ответ

0 голосов
/ 05 августа 2020

Спасибо @Fabrizio и @Dan. Я могу изменить правило CSS, добавив .lg10-custom > .d-flex > .v-image > .v-responsive__sizer{ padding-bottom: 50% !important;}

...