使用 css 将标题添加到 meanmenu :after

Question

我看过一些关于如何为 MeanMenu jQuery 响应式菜单插件设置标题的帖子，但他们是通过编辑 js 来实现的。我想知道是否可以使用 :after 通过 css 来完成？我试过了，但惨遭失败。

Answer 1

可以使用 CSS :after 添加文本。请参阅代码段。这是关于我在没有看到您正在使用的实际代码的情况下可以提供的所有帮助。使用 :after 时请记住，插入 html 的伪元素包含在应用了 :before 或 :after 的元素中。因此，nav:after 伪元素将包含在 nav 元素中 "after" 其余子元素。

nav:after{
  display:block;
  content:"This is text inserted using :after";
  clear:both;
}

<nav><!-- Empty element that gets content added by using :after --></nav>

编辑：添加了屏幕截图。 由于选择器的特殊性或您在 [=32 中声明样式的位置，它可能对您不起作用=] 文件。您可以使用类似这样的方法来尝试更高的特异性：

.mean-bar > nav.mean-nav:after {
  display:block;
  content:"This is text inserted using :after";
  clear:both;
  color:white;
}

使用 css 将标题添加到 meanmenu :after

Add title to meanmenu with css :after

css

jquery-plugins