需要在主菜单上为子菜单提供缩进

Question

对于缩进我尝试float:right，但只有文字移动而不是整个组件。

例如：在文件主菜单中，其子菜单New和Open应缩小到右侧，如下所示。

File
----New
----Open

但看起来，我不需要。

File
New
Open

请参阅以下jsfiddle：http://jsfiddle.net/4v4K6/1/

Answer 1

好吧，你不需要这个级别的特定选择器，但它会清楚地告诉你你想要的目标

nav > ul > li > a + div > ul > li > a {
    text-indent: 15px; /* Can use padding-left as well */
}

在上面的选择器中，选择ul作为nav的直接子项，进一步选择直接子li进一步选择与div相邻的a标签和休息是自我解释的，同样适用于前面的解释。

你可以写上面的内容，只有特异性不同

nav a + div > ul > li > a {
    text-indent: 15px; /* Can use padding-left as well */
}

Demo

Answer 2

因此，您可以定位li的悬停状态，然后应用如下规则：

nav ul li:hover div { margin-left: 20px; }