html - Editing element inside another element in css -


i have 2 buttons. can move position of of them, want move specific button "home" left. here html code

    <ul class="fullsize-nav-ul">        <li class="nav-main-item menu-home">           <a href="http://atlanticsleeptherapeutics.com/?page_id=11">              <span>home</span>           </a>        </li>        <li class="nav-main-item menu-who-we-are">           <a href="http://atlanticsleeptherapeutics.com/?page_id=15">              <span>who are</span>           </a>        </li>    </ul> 

and css code move these 2 buttons

.fullsize-nav-ul {  position: relative;  right: 20px;  bottom: 150px;  } 

i tried way, not work

#fullsize-nav-ul li.nav-main-item menu-home a{  position: relative;  right: 30px; } 

in example changed selector class selector (.fullsize-nav-ul) id selector (#fullsize-nav-ul). not sure typo, based on code want class selector.

then introduced space between classes on same element in (li.nav-main-item .menu-home), instead turns selector descendant element (although you're missing period maybe that's typo?).

this should work:

.fullsize-nav-ul li.nav-main-item.menu-home {     position: relative;     right: 30px; } 

jsfiddle example


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -