用css：mean添加到meanmenu的标题

Question

我已经看过几篇关于如何为MeanMenu jQuery Responsive菜单插件设置标题的帖子，但是他们通过编辑js来做到这一点。我想知道是否有可能通过css使用：after？我已经尝试但失败了。

Answer 1

可以使用CSS添加文本：after。请参阅代码段。这是关于我可以提供的所有帮助，而不会看到您正在使用的实际代码。在使用时请记住：在此之后，插入到html中的伪元素包含在具有：before或：after的元素中。因此，nav:after伪元素将包含在nav元素＆＃34;＆＃34;之后其余的子元素。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

编辑：添加了屏幕截图。由于选择器的特殊性或您在css文件中声明样式的位置，它可能无法正常工作。您可以通过使用以下内容来尝试更高的特异性：

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