【问题标题】:How to use class without (::after) in bootstrap? [closed]如何在引导程序中使用没有 (::after) 的类? [关闭]
【发布时间】:2019-04-11 04:22:54
【问题描述】:

我喜欢在引导程序中使用没有(::after) 的类:

【问题讨论】:

  • 你能提供更多的上下文吗?您想在没有::after 的情况下使用它的原因是什么?你想做什么?
  • 你会接受答案吗?

标签: html css twitter-bootstrap


【解决方案1】:

一个简单的方法是添加您自己的 CSS 规则,如下所示:

.dropdown-toggle::after {
    display: none;
}

或者创建一个类,该类可以应用于要从中删除伪元素的元素:

.no_after::after {
    display: none;
}

【讨论】:

  • 我建议使用自定义类名来修改 CSS,而不是覆盖整个站点的引导 CSS。
  • display: none 表示您只是隐藏了:after 未删除。
  • 例如,如果您检查 Chrome 中的元素,它们确实会从 DOM 树中消失。所以从某种意义上说,它们被移除了。
  • 谢谢,我找到了解决办法。
【解决方案2】:

我只是写了一个从 div 中删除 beforeafter 的基本类。在您的样式表中添加下面的 CSS。

.remove-after:after
.remove-before:before, {
   content: none;
}

假设您从代码中删除了after,您只是为了添加remove-after 类,它会从您的元素中删除after。试试这个,希望能帮到你。谢谢

<a class="nav-link dropdown-toggle remove-after"></a>

【讨论】:

    猜你喜欢
    • 2018-05-13
    • 2021-10-27
    • 1970-01-01
    • 1970-01-01
    • 2014-08-04
    • 1970-01-01
    • 2015-03-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多