編輯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中另一個元素的元素

回答

相關問題