它是組選擇器嗎？

-1

nav ul li { 
     list-style: none; 
     display: inline; 
     margin: 2em; 
    }

我認爲這是這三個元素組選擇一些CSS代碼，但他們之間沒有逗號？

另一個問題是保證金，當它是2em的，是這樣的

enter image description here

當它是8em，它是這樣的：

enter image description here

我不理解爲什麼它只是向左或向右移動，但不要上下移動，所有四面都不適用保證金？

來源

2016-10-16 Dong

@Paulie_D我重新打開，因爲它不只是這個。 –

inline元素不會得到正確的頂部和底部margin。使用display: inline-block;。

來源

2016-10-16 12:48:06

-1

第一個是複合層次元素選擇器（熟成術語）。這將選擇基於層次結構要素：

nav ul li

上述選擇器選擇的所有liul下來，這nav下來。所以上面的選擇從字面上選擇：

<nav> 
    <ul> 
    <li> <!-- This LI -->

你的屏幕截圖之間幾乎沒有區別。邊距僅適用於具有佈局的元素。例如，display值爲inline-block或block。

我將display更改爲inline-block並查看下面的輸出。

nav ul li { 
 
    list-style: none; 
 
    display: inline-block; 
 
    margin: 2em; 
 
}

<nav> 
 
    <ul> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
    <li>Item 4</li> 
 
    <li>Item 5</li> 
 
    </ul> 
 
</nav>

來源

2016-10-16 12:50:43

它是組選擇器嗎？

回答

相關問題