php - 根据类更改 span 标签上从左到右的绝对位置

Question

这是我的第一个问题，但我相信还会有更多问题。 我有一个小位置问题，我想知道它是否有可能实现。

我有一个无序列表 ( <ul> )，其中 <li> 是 float 的s，对于主要选项，我将它们向左浮动，对于联系和支持选项，我将它们向右浮动，到目前为止一切顺利。现在我有一个 <span>每个内部 <li>我在水平列表下显示，该列表用于菜单。这些<span> s 用作菜单选择和我使用的常规选项的描述 position:absolute; top:30px; left:0;这正如所怀疑的那样有效。现在我想更改那些我向右浮动的菜单项的位置属性，以便跨度得到 position:absolute; top:30px; right:0;这根本不起作用。似乎不可能用一个比另一个更具体的 css 规则来改变它，但 float 效果很好。

html:

<div id="menu">
<ul>
    <li>Menu1<span>Info1</span></li>
    <li>Menu2<span>Info2</span></li>
    <li class="support">Support1<span>Info3</span></li>
</ul>

CSS:

#menu{position:relative;}
#menu ul{list-style:none;}
#menu ul li{float:left;}
#menu ul li.support{float:right;}
#menu ul li span{display:none;}
#menu ul li:hover span{display:block; position:absolute; top:30px; left:0;}
#menu ul li.support:hover span{display:block; position:absolute; top:30px; right:0}

css 中的最后一行没有区别! 如果有人有答案或解决方法，我将非常感谢您的帮助。

问题已回答，问题已解决。查看 James Arons 或 mercator 的帖子。

Answer 1

即使您设置了 right:0，您的 left:0 仍然会被继承。您需要设置 left:auto 以覆盖 support 类的样式。