使用继承时 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;}