最后一个孩子的下拉子菜单到左边

巨大的
#headermenu ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}

我有以上的CSS使我所有下拉菜单的子菜单都可以正确显示。我的问题是如何使下拉菜单的最后一个子菜单正确(最后一个孩子)。尝试了几种方法

#headermenu ul ul ul:last-child  { 
position: absolute; 
right: 100%; 
top:0; 
}

但是它没有做我想要的事情。也尝试过这种方式

#headermenu ul ul ul:last-child { 
direction: rtl; }

再次不起作用任何想法表示赞赏

巨大的
#headermenu ul ul ul:last-child  { 
    position: absolute; 
    left: -100%; 
    top:0;  
}

它奏效了,请批评它是否是一个好习惯

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

下拉菜单内容和最后一个孩子

Bootstrap下拉菜单-Onclick菜单项,同时显示最后一个子菜单项

尝试删除子元素的最后一个孩子

实体框架核心仅保存子孩子列表中的一个(最后一个)

导航菜单不起作用的最后一个孩子想要取出内容:“-”

得到同班的最后一个孩子

如何针对最后一个孩子

JS删除最后一个孩子?

XMLDocument对最后一个孩子的访问

难以将孩子与另一个孩子之间的最左边和最右边对齐

当我通过另一个下拉菜单悬停时,出现下拉菜单的子菜单

在水平滚动视图中自动转到最右边(最后一个子级),然后返回最左边(第一个子级)

试图制作一个纯CSS下拉菜单-子菜单不在主节点下

不适用于:最后一个孩子到文章

设置下拉菜单React Native的最后一个元素的样式

如何使菜单第二级的最后一个元素下拉?

如何 Flexbox 3 个孩子,一个左边,两个右边

具有自动选择一个选项的动态下拉菜单及其子下拉菜单选项

选择除最后一个孩子以外的每个孩子,但如果最后一个孩子是第一个也是唯一的孩子,则选择它

第一个孩子最后一个孩子Dom遍历不起作用

交换列-第一个孩子的最后一个孩子-引导程序

如何过滤最后一个孩子而不是第一个孩子

如何在第一个孩子前面移动最后一个孩子

CSS的第一个孩子或最后一个孩子不是明智的吗?

将最后一个孩子放在上一个孩子旁边-Flexbox

第一个孩子/最后一个孩子不同的悬停样式

CSS垂直家族树-第一个孩子的最后一个孩子

在最后一个孩子之前附加一个孩子元素

CSS:flexbox的第一个孩子在左边,其余在中心