子选择器:用来选择一个父元素直接的子元素,不包括子元素的子元素
<template>
<ul class="mylist">
<li>
<a>后代选择器1</a>
<div>123123</div>
<ul>
<li>
<a>后代选择器2</a>
</li>
<li>
<a>后代选择器2</a>
</li>
</ul>
</li>
</ul>
</template>
<script>
export default {
name: "CssTest"
}
</script>
<style scoped>
ul.mylist > li > a{
background-color: red;
}
</style>
效果图: