css - Trouble with selectors -
i'm trying duplicate style of existing menu using css.
the cms platform i'm using comes given styling navgation. added new menu underneath , trying make same original. added id "wpmenu" div contains navigation selectors don't select. created jsfiddle jsfiddle works!
it's frustrating , i'm not sure turn. html , css here: http://jsfiddle.net/nrrkw/
the particular selector seems failing #wpmenu li a
again, works in jsfiddle not on website here: advance.trashswag.com.
i had expected see following css apply newly created ul nav within "wpmenu" div:
#wpmenu li { display: block; position: relative; padding: 7px 12px; color: #fff; overflow: hidden; text-transform: uppercase; font-size: 120%; }
but if inspect element on site, styling not applied elements.
can point out i'm missing here?
you don't seem have #wpmenu li a
style have invalid rule token here:
#wpmenu ul { padding: 0; margin: 0; list-style: none; }}
that might fix it!
Comments
Post a Comment