Переопределение встроенного CSS с помощью CSS-файла с помощью! Важный не работает

Question

Я использую следующий элемент управления в моем угловом приложении, и предоставлен оригинальный HTML.Я хотел бы переопределить это.

Как переопределить встроенный стиль с CSS для следующего класса?

<div class="selector selectorarrow selectorarrowleft" tabindex="0" ng-reflect-klass="selector" ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]" ng-reflect-value="1" style="width: 252px; height: 232px; top: 33px; left: 0px;"> ... 

Ожидаемый результат: (top изменено, position добавлено)

<div class="selector selectorarrow selectorarrowleft" tabindex="0" ng-reflect-klass="selector" ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]" ng-reflect-value="1" style="width: 252px; height: 232px; top: 10px; left: 0px; position: relative">

Попробовал следующее без эффекта:

.selector.selectorarrow.selectorarrowleft[style] {
  position: relative !important
}

Answer 1

Я бы стер [style] и добавил div, чтобы придать ему еще большую конкретность, например:

div.selector.selectorarrow.selectorarrowleft {
  position: relative !important;
  top: 10px !important;
}