使用继承时CSS重写

我试图重写一个用于显示箭头的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;    
}

---

它似乎不起作用，还有其他方法吗？

对于您提供的CSS，您的光标位置应该不相关。这意味着您可以在其他位置应用

：hover

选择器，或者基于鼠标事件应用JavaScript。

看起来箭头是用CSS边框绘制的，因此请尝试使用以下内容覆盖它：

---

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

可能在某个地方应用了：hover样式，或者某个JS在MouseMove上。。。除非你提供更多细节，否则无法说出。这是什么主题？我使用了类：.v-tabsheet-tabitem-selected和后面的选择器为什么要使用

：：后面的
？？不应该只有<代码>：在<代码>之后？？？@请不要归属，两者都是正确的。CSS3中的伪元素使用双冒号。IE8只支持单冒号符号，所以尼克，如果你需要兼容性，你应该坚持使用单冒号。这个主题用于为Liferay/vaadin项目提供CSS。我现在找不到一个：hover，但我正在查找它。我现在找不到，但有没有办法覆盖它？最后，我不认为它与hover有关，因为它是一个portlet窗口。所以我的超控看起来根本不起作用。有没有其他方法可以隐藏箭头？谢谢你的想法，我已经测试过这个选项了，但它不起作用。还有其他想法吗？也许最初的声明实际上没有被覆盖？请在{border:none！important；}
之后尝试
.v-tabsheet-tabitem-selected:。