Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css选择器语法:";元素1元素2“;VS";要素1>;元素2“;_Css_Css Selectors - Fatal编程技术网

css选择器语法:";元素1元素2“;VS";要素1>;元素2“;

css选择器语法:";元素1元素2“;VS";要素1>;元素2“;,css,css-selectors,Css,Css Selectors,选择器策略1和2之间的区别是什么?对我来说似乎是一样的 div p(选择元素中的所有元素) div>p(选择父元素为元素的所有元素) 使用仅选择作为直接子元素的元素,在以下情况下仅选择作为div的直接子元素的span divspan{ 颜色:红色 } div>span{ 颜色:青柠 } 跨度 跨度 跨度 跨度 跨度 跨度 选择器#1(div p)选择作为div后代的所有段落。p元素可以深入嵌套在div结构中,并将被选中 选择器#2(div>p)仅选择作为div的子项(即直系后代)的段落 第一

选择器策略1和2之间的区别是什么?对我来说似乎是一样的

  • div p(选择
    元素中的所有
    元素)
  • div>p(选择父元素为
    元素的所有
    元素)

  • 使用
    仅选择作为直接子元素的元素,在以下情况下仅选择作为
    div的直接子元素的
    span

    divspan{
    颜色:红色
    }
    div>span{
    颜色:青柠
    }
    
    跨度
    跨度
    跨度
    跨度
    跨度
    跨度
    
    选择器#1(
    div p
    )选择作为div后代的所有段落。
    p
    元素可以深入嵌套在div结构中,并将被选中

    选择器#2(
    div>p
    )仅选择作为div的子项(即直系后代)的段落

    第一个被称为后代组合选择器

    第二个是子组合选择器


    在谷歌上快速搜索,你会很容易找到答案