Html 导航菜单向右对齐一个项目

我是CSS新手，我正在尝试更改wordpress模板，以便将导航菜单的最后一项移到右侧。我正在使用以下代码段：

。菜单项-60146
{
浮动：对；
}
/*
但我看不到结果
当我使用以下代码时，导航菜单会向右移动，但我需要移动一个项目。
.boxwp导航辅助系统
{
浮动：对；
}
我必须做什么才能将项目移到右侧？
*/

只需浮动：右击最后一个id。另外，只是一个建议，查看flexbox，它值得学习，并将为您节省数小时的时间

#菜单项-60146
{
浮动：对；
}
/*
但我看不到结果
当我使用以下代码时，导航菜单会向右移动，但我需要移动一个项目。
.boxwp导航辅助系统
{
浮动：对；
}
我必须做什么才能将项目移到右侧？
*/

我对您的代码做了一点修改，以使用ul和li的标准样式。可以随意用一个类和样式来替换ul和li

这是您的代码的工作版本

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
.菜单项-60146{
浮动：对；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}

只有在使用#符号有效时，#menu-item-60146{float:right；}和.menu-item-60146{float:right；}之间才有什么区别！通常，当您有一个类时，您有多个元素是该类的成员。因为您只希望选择最后一个元素，所以我使用了#，以免影响可能具有该类名的任何其他元素。在我提供的代码中，您可以将#更改为。你会得到同样的结果。如果它在您的代码中不起作用，那是因为您有其他东西在运行，可能还有其他元素的类名有问题。出于某种原因，它可以使用#menu-item-60146。menu-item-60146不起作用！还有一个问题。在pc上工作正常，但在平板电脑或智能手机上，该项目与其他项目合并，并在sandwitch图标下向左对齐。有没有办法将平板电脑和智能手机中的sandwitch图标与左上角的sandwitch图标区分开来？或者在顶部导航菜单中添加两个导航菜单，一个在左侧，一个在右侧？我看到你在接受的答案下问了同样的问题，但有些人在获得声誉后并不在意。所以#代表id，点代表类。我删除了所有不需要的类，只使用了

.menu-item-60146

，它就工作了。我无法在此评论部分键入其他问题的答案。你能问一个新问题，为另一个问题添加图片或链接吗？谢谢你的建议。我在这里开始了一个新问题，出于某种原因，它使用了#menu-item-60146。menu-item-60146不起作用！还有一个问题。在pc上工作正常，但在平板电脑或智能手机上，该项目与其他项目合并，并在sandwitch图标下向左对齐。有没有办法将平板电脑和智能手机中的sandwitch图标与左上角的sandwitch图标区分开来？