我是一个前端小白，今天写CSS的时候突然意识到原来还有这类区别:.example .subone;.example.subone;.example > .subone
这三类是有区别的. 其实不难推出:
- 第一种情况下，只有在第一层div拥有.example元素，并且在他的子集div中含有任意的.subone元素，就会匹配。
- 第二种情况下，当一个div中同时含有.example和.subone元素时，就会匹配。
- 第三种情况下，当第一层div拥有.example元素，并且距离他的相邻子集div(第二层)含有.subone元素，就会匹配。
搞懂了！