css交集选择器和后代选择器

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

这里让我们先思考每个选择器的概念，有时候尽管使用不同的选择器时，他们产生的效果可能相同，但是我们应该更好的利用每个选择器的特点来简化css代码。

1.让我们来看一下交集选择器

​ 它的语法是这样的

​ 选择器1选择器2 {

​

​ color：red;

​ }

​ 两个选择器紧紧挨着，中间没有空格

​ 可以是任意的选择器组合，表示着同级别之间的关系

给所有选择器选中的标签中, 相交的那部分标签设置属性!

这里面，我使用交集选择器的效果和后代选择器的效果相同，但是我错误的理解了交集选择器的概念

交集选择器应该选择同级别的元素，而不应该选择它的子元素。

2.后代选择器

使用语法

标签名称1 标签名称2{
        	属性:值;
    	}

注意点:
1.后代选择器必须用空格隔开
2.后代不仅仅是儿子, 也包括孙子/重孙子, 只要最终是放到指定标签中的都是后代
3.后代选择器不仅仅可以使用标签名称, 还可以使用其它选择器
4.后代选择器可以通过空格一直延续下去

例如 标签名称1是父元素，标签名称2就是它的后代元素

这里面的 .div1 是父元素 p是后代