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

Question

#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; }

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

Answer 1

正确应为0而不是100%

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

Answer 2

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

它有效，请批评它是否是一个好的做法

Answer 3

添加此css

#headermenu ul ul ul:last-of-type
{ 
position: absolute; 
right: 0; 
top:0; 
}