html - How do I remove the hover effect of menu separators? -


in salient wordpress theme, css menu.

header#top nav > ul > li > {     font-family: arial,sans-serif;     text-transform: capitalize;     letter-spacing: .5px;     font-size: 17px;     line-height: 23.8px; }

i have code menu separator "|". i want remove hover effect menu separators i.e., when hover mouse menus should change color , not separators along menus also. 

media="all" header#top nav > ul > li > a::after {     content: "|";     padding-right: .8em;     padding-left: .8em; }

edit: adding :hover code

a:hover { color: inherit; }  header#top nav ul li a:hover, header#top nav .sf-menu li.sfhover > a, header#top nav .sf-menu li.current_page_ancestor > a, header#top nav .sf-menu li.current-menu-item > a, header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > { color: #27cfc3; }   .sf-menu li ul li a:hover, .sf-menu li ul li.sfhover > {  color: #27cfc3; background-color: #272727!important;     }

just make sure ::after rule declared after :hover rule , specify color.

example 

a{      color:black;      text-decoration:none;  }  a:hover{      color:red;  }  a::after{      color:black;      content:"|";      padding:0 5px;  }
<a href="#">link</a>


Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -

i run blogger blog , use follow code javascript code (requires no jquery) show related post labels/categories of post. <script type='text/javascript'> var defaultnoimage=&quot;http://1.bp.blogspot.com/-m72rpguntq0/vuokijudn_i/aaaaaaaaboi/lq18sceunsg/w72/favicon-tik.png&quot;; var maxresults=16; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;related posts&quot;; </script> <script type='text/javascript'>//<![cdata[ var relatedtitles = new array(); var relatedtitlesnum = 0; var relatedurls = new array(); var thumburl = new array(); function related_results_labels_thumbs(json) { (var = 0; < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedtitles[relatedtitlesnum] = entry.title.$t; try { thumburl[relatedtitlesnum] = entry.media$thumbnail.url } catch (error) {...
Read more