给ul元素下第x1,x2...个li元素单独设置样式(x1,x2没有规律)时，在只使用HTML/CSS的前提下如何实现较为合适？

Question

想过用id="1","2"，但如果有两个有这种需求的块元素怎么办？然后想用id="theIdOfTheUlOfTheLi-1"emmmmmmm但因为自己觉得id这个东西实在是太特殊了，好像有点大炮打蚊子的感觉。用class的话，一般就这么一个元素用这种样式，感觉和“类”这个概念有点矛盾，也不太想用。。想问一下有没有专门的语义化属性是用来解决这个问题的？
谢谢

另外请教一下自己的这个需求的用来，在仿站的时候一个网站的顶部有一个比较窄的宽度和页面相同的横条，然后上面分了七个部分放了七种颜色，我觉得蛮好看的。
我想的实现方法就是给一个ul元素，里面分7个li元素然后设置行高加背景色...emmmm有什么更好的实现方法吗？（仅仅使用HTML/CSS）

谢谢！

Answer 1

使用sass能轻松做到，js也可以，仅仅是html和css的话，还是老老实实的写style或者class吧。。实在不想class或者用伪类nth-child？