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; }
Comments
Post a Comment