Переопределение CSS при использовании наследования

Question

Я пытаюсь переопределить класс CSS, который используется для отображения стрелки.Я хочу, чтобы стрела исчезла.Этот класс находится в теме Liferay.

этот класс CSS:

.v-tabsheet-tabitem-selected:after {
    border: 10px solid;
    border-bottom-width: 0;
    border-color: #333 transparent transparent;
    bottom: -6px;
    content: '-';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    text-indent: -9999px;
    width: 0;
}

Я сделал:

.v-tabsheet-tabitem-selected:after{
    content: none;    
}

Кажется, не работает, есть лиДругой способ?

Answer 1

Похоже, стрелка рисуется с границами CSS, поэтому попробуйте переопределить ее следующим образом:

.v-tabsheet-tabitem-selected:after {border: none;}

Answer 2

Для предоставленного вами CSS ваша позиция курсора не должна быть релевантной.Это означает, что у вас есть либо селектор :hover, применяемый в другом месте, либо JavaScript, который применяется на основе событий мыши.