CSS类代码排序规范咨询：从.wrap到.hide的合理顺序

嘿，我想请教下CSS类的上下排序问题，要求从.wrape开始，以.hide结束。我已经调整过所有类，但拿不准最优的排列方式，下面是我的HTML结构和自己梳理的排序思路，麻烦给点专业建议哈！

<div class="wrape">
  <div class="covere" title="OPEN"></div>
  <ul class="nav">
    <!-- 子元素内容未完整展示 -->
  </ul>
</div>

• 外层容器.wrape样式
• .covere基础与状态样式
• .nav容器及li元素样式
• .nav a元素及特殊li对应a的样式
• .left-background等内部装饰样式
• .inactivee相关状态样式
• .activee相关状态样式
• .hide样式

内容的提问来源于stack exchange，提问作者user9162072