ExtJs - переопределить css в mixins scss

Question

Как я могу переопределить CSS для этого?В основном я хочу удалить границу разделителя после фокуса.Я мог бы легко установить границу : none! Важный в all.scss в моей собственной теме.Но это кажется не элегантным, мне интересно, как правильно его переопределить, чтобы в встроенном CSS была изменена часть границы следующего стиля CSS.

 /*
 D:/Projects/gui/ext/classic/theme-base/sass/etc/mixins/css-outline.scss:40
 */ 
.x-splitter-focus:after {
     position: absolute;
     content: ' ';
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     border: 2px solid #fff;
     pointer-events: none; }

Answer 1

вы можете создать более конкретное правило CSS, например:

<div class="withoutBorder x-splitter-focus">/div>

.x-splitter-focus:after {
     position: absolute;
     content: ' ';
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     border: 2px solid #fff;
     pointer-events: none; 
}

.withoutBorder.x-splitter-focus:after {
     position: absolute;
     content: ' ';
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     border: none;
     pointer-events: none; 
}

В этом примере этот div не будет иметь границы, так как второе правило css более конкретно, поэтому все элементы с x-splitter-focus иwithoutBorder класс не будет иметь границы