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

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -