CSS類問題

Question

我目前在圍繞類和id選擇器的想法時遇到了麻煩。下面發佈是我目前的導航標記。我試圖在我的CSS樣式表中實現的是水平菜單。

爲什麼我不能以.navigation-menu爲目標設置此類中的所有內容（.navigation-main）？

<nav class="navigation-main"> 
    <ul class="menu"> 
     <li class"home"><a href="index.html">Home</a></li> 
     <li class"submit"><a href="submit.html">Submit a Pic</a></li> 
     <li class"advertise"><a href="advertise.html">Advertise</a></li> 
     <li class"contact"><a href="contact.hml">Contact</a></li> 
    </ul> 
</nav>​ 

---

CSS

.navigation { 
display:inline; 

}

Answer 1

根據問題

它，因爲你申請的CSS的類navigation這是不使用你需要包括這個類應用css

嘗試

.navigation-main li { 
    display:inline; 
} 

Answer 2

您沒有定位的元素：

.navigation-main li{ 
    display:inline; 
} 

Answer 3

您正在尋找這樣的：

.menu li {display:inline;} 

Answer 4

好像你可能會感到困惑CSS選擇器是如何工作的。一個類需要與其定義相同的名稱才能真正匹配。

HTML

<div class="my-class"></div> 

CSS

.my-class 
{ 
    ... 
} 

因此，要回答你的問題（因爲它是目前），爲什麼你不能針對.navigation-menu內.navigation-main款式應有盡有。這是因爲你的CSS類.navigation不會在當前的HTML

匹配任何類與class="navigation-main"風格你的資產淨值：與class="menu"是內

CSS

.navigation-main 
{ 
    ... 
} 

要只風格UL NAV與class="navigation-main"：

CSS

.navigation-main .menu 
{ 
    ... 
} 

款式內NAV class="navigation-main"所有元素

CSS

.navigation-main * 
{ 
    display:inline; 
}