css 菜鸟之子选择器

子选择器：用来选择一个父元素直接的子元素，不包括子元素的子元素

<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>

效果图：