同志。
我需要显示一些元素的列表,这些元素的宽度和数量未知,在项目之间也要有一个分隔符。它可以是几行,也可以不是。
我使用带有 flex-wrap 的flexboxed <ul>
,并使用<li>
`s的 border-left 分隔符。
如果将行包装成几行,我需要隐藏每行第一项的分隔符。
ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
li {
flex: 0 0 auto;
border-left: 1px solid red;
}
li:first-child { /* here i need something like ul:flex-row li:first-child */
border-left: none;
}
html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
使用 css 是否存在此任务的解决方案?
还是我只能使用 js ,例如offset().top
的{{1}}解析和更改修饰符-类名的更改?
谢谢。