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>
  //class 为mylist的ul节点下的所有li节点下的所有a节点 
  ul.mylist li a{
    background-color: red;
  }
</style>

效果图：