Html 如何在不居中子菜单的情况下居中菜单li

我想在不居中子菜单的情况下居中菜单，这是我的代码：

<ul class="drop_menu">
<li><a href="#">Home</a></li>
<li><a href="#">hhh</a>
    <ul class="sub_drop_menu">
         <li><a href="#">Home</a></li> 
         <li><a href="#">Home</a></li> 
         <li><a href="#">Home</a></li> 
    </ul>
</li>
</ul>

---

将这个css添加到你的代码中，希望它能工作

.sub_drop_menu li {
    text-align: left;  
}

CSS的工作原理 “级联”样式表

一个“规则”-一个选择器，然后是一个或多个属性和值的“声明”

.your-selector {
    property: value;
}

从右到左读

.menu li {
    text-align: center;
}

“任意（和所有）li-在.菜单内---文本对齐：居中

这意味着你的.sub菜单的li将是文本对齐中心，因为它是.menu中的一个li。--你制定规则

在这种情况下，你可以做两件事中的一件

.sub-menu li { /* this overrides the "cascading" rule from before */
    text-align: right;
}

或

也就是说，所有的李都在第一层——菜单的第一个孩子

---

这是

给我们看你尝试过的代码。。没有足够的信息。@Tukhsanov我的问题是我使用这个css。drop_menu>li{float:left；text align:center；}但是它使菜单和子菜单项居中，我只想使菜单居中items@gfullam我的问题是我使用这个css.drop_menu>li{float:left；text align:center；}但它同时将菜单和子菜单项居中，我只想将菜单居中items@user3546035没有人能得到你想要达到的目标，因此你的问题没有答案。我甚至无法理解你如何说你的问题是清楚的。在ul.drop_menu>li{text align:center；}之后添加以上代码不需要使用ul.sub_drop_菜单，除非您在其他地方调用的不是ul-sub_drop_菜单。它不必要地过度限定，并且会在以后导致特定性问题。是的，您是对的，如果不使用ul，它将对齐类内的所有内容，如果之后没有应用任何对齐

.sub-menu li { /* this overrides the "cascading" rule from before */
    text-align: right;
}

.menu > li {
    text-align: center;
}