交集选择器和后代选择器的区别

格式上：
交集选择器：两个选择器之间没有空格
后代选择器：两个选择器之间有空格

使用上：

  <ul>
        <li class="me">1</li>
        <li>2</li>
    </ul>

1、选择 ul 里面全部的 li

        ul li {
            color: red;
        }

ul li 是后代选择器的使用

---

2、选择 ul 里面第一个 li

        ul li.me {
            color: red;
        }

li.me 是交集选择器的使用
有多个 li，要选特定的 li，使用交集选择器