不行。。如果.setting-wrapper的层级比.menu.wrapper的高，弹出.setting-wrapper的时候，它的动画是压在.menu.wrapper上面划出来，

这玩意儿也看不出来毛病，要不改成：.line:last-child {}

first-of-type的type指的是元素类型，由于他们都是dev元素，所以类型是一样的，所以这两个选择器的效果是一样的，都指向的是preview

你好，获取宽度需要使用以下方法：

this.$refs.line[0].getBoundingClientRect().width

你好，思路是通过js进行运算实现，以左边为例：

左侧preview的宽度设为：leftW

右侧每一个item的宽度设为：itemW

左侧预览文本的宽度设为：charW

所以需要实现居中，需要将左侧预览文本设置一个marginLeft

marginLeft = ((leftW + itemW / 2) - charW) / 2

具体的源码实现在后续课程中会有，敬请期待：）