2015-08-25 56 views
0

我已經看過幾篇關於如何爲MeanMenu jQuery響應菜單插件設置標題的文章,但他們通過編輯js來完成。我想知道是否有可能通過CSS使用:after?我已經嘗試過但很失敗。使用css添加titlemenu的標題:

回答

1

可以使用CSS添加文本:after。請參閱片段。這是關於我可以提供的所有幫助,而無需查看您正在使用的實際代碼。使用時請記住:在此之後,插入到html中的僞元素包含在具有:before或:after的元素中。因此,nav:after僞元素將包含在nav元素中的「其餘子元素之後」。

nav:after{ 
 
    display:block; 
 
    content:"This is text inserted using :after"; 
 
    clear:both; 
 
}
<nav><!-- Empty element that gets content added by using :after --></nav>

編輯:添加屏幕截圖。由於選擇器的特殊性或您在css文件中聲明樣式的位置,它可能不適合您。您可以通過使用這樣的嘗試更爲具體:

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

enter image description here

+0

我試過的東西非常相似,它不會放置在正確的地方。你可以在mylingerie-buntingford.co.uk上看到我的網站。好的菜單出現在較小的屏幕上(顯然)。建議非常歡迎! – PedroKTFC

+0

我在您的網站上測試過,它看起來像預期的那樣工作(請參閱答案中的屏幕截圖)。你究竟試過了什麼?你到底想要在哪裏插入文字? – IMI