它是组选择器吗？

-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

它是组选择器吗？

回答

相关问题