css - 通过使用更多 CSS 来设置或删除使用 CSS 添加的元素
问题描述
我有以下由 Vaadin 框架生成的 HTML 和 CSS:
<div class="v-slot">
<div class="v-splitpanel-horizontal v-widget v-has-width" style="width: 100%;">
<div style="position: relative; width: 100%; height: 100%;">
<div class="v-splitpanel-first-container v-scrollable" style="height: 100%; width: 90px;">
<div tabindex="0" class="v-menubar v-widget v-has-width" style="width: 90px;">
<span class="v-menubar-menuitem v-menubar-menuitem-menulevel0 v-menubar-menuitem-selected" style="color: transparent;">
::before
<span class="v-menubar-submenu-indicator" style="color: yellow;">►</span>
<span class="v-menubar-menuitem-caption" style="color: red;">
<span class="v-icon Vaadin-Icons"></span></span>
</span>
</div>
</div>
</div>
</div>
.v-menubar > .v-menubar-menuitem:before {
content: ">";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
}
:before
添加了一个我想删除或隐藏的指标。
我似乎不可能只选择其中的元素,:before
所以我可以保留菜单文本但删除指示器。
如何修改或删除:before
使用 CSS 中的某些内容?
解决方案
您可以通过将其设置为“”来删除内容,如下所示:
.v-menubar > .v-menubar-menuitem:before {
content: "";
}
这将从您的菜单中删除“>”图标。
推荐阅读
- javascript - keep getting empty result on my previous promise
- angular - 如何防止 Angular 工作区中的跨项目?
- ruby-on-rails - Poro 的 FactoryBot 工厂导致未定义的方法“构建”
- python - 导入自己的包和模块的问题
- list - 使用的最佳数据结构
- python - 根据列表中列的值过滤熊猫数据框列
- python - 使用 SSH 的 Python MySQL 连接
- javascript - 如何使用 CSS 样式使文本看起来像密码?
- php - 读取文本文件后创建 Json 数据
- bixby - Bixby:无法使用导航列表选择单票详细信息