老师，解释下
来源：1-8 transition
qq_勿忘初心_H
2020-07-12 19:50:12
<template>
<div>
<div
class="item"
v-for="(item,index) of list"
:key="index">
<div class="item-title border-bottom">
<span class="item-title-icon"></span>
{{item.title}}
</div>
<div v-if="item.children" class="item-children"> <!-- 如果当前的一级列表下有children ，就将children也显示在二级菜单那里-->
<detail-list :list="item.children"></detail-list>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'DetailList',
props: {
list:Array
}
}
</script>
<style scoped>
.item-title-icon
position:relative
left:.06rem
top:.06rem
display:inline-block
width:.36rem
height:.36rem
background:url(http://s.qunarzz.com/piao/image/touch/sight/detail.png) 0 -.45rem no-repeat
background-size:.4rem
.item-title
line-height:.8rem
font-size:.32rem
padding: 0 .2rem
.item-children
padding:0 .2rem
</style>这里的.item-title-icon样式为什么不能写在.item-title的后面，会报错，是因为html结构的原因？？
写回答
2回答
-
好帮手慕慕子
2020-07-13
同学你好， 如下所示，item-title-icon是item-title的子元素，书写样式时作为层级关系，将其写在后面也是可以的，示例：
将item-title-icon写item-title后面，并排书写也是可以的，不会出现报错，示例：
两种写法的测试结果如下，都不会出现报错。
同学可以结合示例代码再测试下，祝学习愉快~
0 -
好帮手慕慕子
2020-07-13
同学你好，item-title-icon是item-title的子元素，可以写在后面，老师这边测试是不报错的。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h020-07-13
相似问题