编辑css中另一个元素的元素

-1

我有两个按钮。现在，我只能移动它们全部的位置，但是我想将特定按钮“HOME”移动到左侧。这里是我的html代码编辑css中另一个元素的元素

<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 WE ARE</span> 
      </a> 
     </li> 
    </ul>

和CSS代码，我移动这两个按钮

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

我试过这种方法，但它不工作

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

来源

2015-04-29 student123

为什么你将'.fullsize-nav-ul'改为'＃fullsize-nav-ul'？ – j08691

在您的例子，你从一个类选择器（.fullsize-nav-ul）一个ID选择器（#fullsize-nav-ul）改变你的选择。不知道这只是一个错字，而是基于你的代码，你想要类选择器。

然后，您在（li.nav-main-item .menu-home）中的同一元素上的类之间引入了一个空格，它转而为后代元素选择器（尽管您错过了句号，所以也许这只是另一个错字？）。

这应该工作：

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

jsFiddle example

来源

2015-04-29 16:52:59 j08691

我有点困惑，如果你看到Jay Moy的答案，他说我不需要很多前缀，那个.menu-home {position：relative;右：30px;}将工作。你和他的答案工作，但哪种方式更好？ – student123

这取决于。这两个例子中的选择器都没有问题，但是如果您的类菜单（包含链接的home）有多个元素，则jay-moy的'.menu-home a'将会选择所有这些元素。它实际上取决于你拥有的其他HTML和CSS，以及是否需要担心要创建的规则应用于其他元素，或者如果其他CSS具有更高特异性，则会覆盖所创建的规则。 – j08691

你错过您的menu-home css等级之前的.：

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

来源

2015-04-29 16:47:18 MannfromReno

这不是真的要继续下去，你应该漂浮里。不要像这样使用定位，特别是在锚点上。

我已经附上工作小提琴

http://jsfiddle.net/0gzx2bru/

.fullsize-nav-ul li{ 
list-style-type:none; 
float:left; 
padding:10px; 
}

来源

2015-04-29 16:51:08 pj100

-1

我不认为你可以使用top，right，bottom或者position设置为relative一个元素即{position:relative}left声明。

达到你想要什么，你可能需要设置position到absolute即{position:absolute}，然后玩的top，right，bottom，left值。

Goodluck！

来源

2015-04-29 17:11:09

编辑css中另一个元素的元素

回答

相关问题