Javascript 更改<；李>；使用显示器：flex不工作

我想使用display:flex更改“li”的位置，但它不起作用。如何解决这个问题

.testulli{
显示器：flex；
方向灵活：立柱；
} 
.测试ul li：第n个孩子（1）{
蓝色背景；
顺序：2；
}
.测试ul li：第n个孩子（2）{
蓝色背景；
顺序：1；
}

< /代码> 如果要并排显示每个<代码> LI<代码>，则需要考虑<代码> UL < /C>作为容器，因此您必须做一些类似的事情：


。测试ul{
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
高度：20px；
}











例如，我想使用css更改“li”的位置

 <li class="attr-conf-563" style="display: list item;">
      <a href="" class="attr-cls attr-cls-230">test2</a>
    </li>

    <li class="attr-conf-566" style="display: list item;">
      <a href="javascript: void (0);" class="attr-cls attr-cls-230">
    test1</a>
    </li>






将“test1”更改为“test2”
我认为这就是您试图获得的效果

.test>ul{
显示器：flex；
弯曲方向：立柱；
}
.测试ul li：第n个孩子（偶数）{
背景颜色：蓝色；
顺序：2；
}
.测试ul li{
填充：20px；
列表样式：无；
}
您的CSS选择器无效。CSS Flexbox无法识别灵活的方向。使用
flex-direction:column更新它大多数CSS在语法上是错误的。基本模式甚至没有得到遵守：
ul-test
not
testul
，
background:blue
not
blue background
，
'flex-direction:column
not
flexible direction:column
。如果您希望将
从左到右定位，则将所有flex属性应用于
而不是
，并且
flex direction:row
可能是您想要的（尽管不完全清楚，因为您的问题缺少任何相关和/或特定信息）。此外，
上的答案应该是
style=“display:list item”
，但即使如此，它也是多余的，因为它是默认的。请删除答案并将其发布到您的问题中。