使用继承时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，您的光标位置不应该相关。这意味着您要么在其他地方应用:hover选择器，要么根据鼠标事件应用JavaScript。

Answer 2

看起来箭头是用CSS边框绘制的，所以请尝试用它来覆盖它：

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