Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Html 是";部门>;p"&&引用;部门p";同样的?_Html_Css_Css Selectors - Fatal编程技术网

Html 是";部门>;p"&&引用;部门p";同样的?

Html 是";部门>;p"&&引用;部门p";同样的?,html,css,css-selectors,Html,Css,Css Selectors,嘿,我有个明显的问题 对于类似以下代码: <div> <p>We want to format this text :)</p> </div> 和其他: div p { something } 这种情况有什么区别?在我看来,没有 顺便问一下,后代物品不是一直都是孩子吗?!这两者有什么区别?我正在阅读w3.org,但无法获取它:) 谢谢大家! 简单: div > p 只影响直接子女 影响孙辈、孙辈等。(在你的例子中不

嘿,我有个明显的问题

对于类似以下代码:

<div>
     <p>We want to format this text :)</p>
</div>
和其他:

div p {
     something
}
这种情况有什么区别?在我看来,没有

顺便问一下,后代物品不是一直都是孩子吗?!这两者有什么区别?我正在阅读w3.org,但无法获取它:)

谢谢大家!

简单:

 div > p
只影响直接子女

影响孙辈、孙辈等。(在你的例子中不会有什么不同)


子选择器。

Pekka在中从理论上解释了它。根据他的回答,我将提供一个例子,修改以解决这个问题

考虑下面的HTML块和示例CSS选择器我使用了一个更详细的示例,以便向您展示两个选择器之间的差异:

<div>
    <p>The first paragraph.</p>                 <!-- [1] -->
    <blockquote>
        <p>A quotation.</p>                     <!-- [2] -->
    </blockquote>
    <div>
        <p>A paragraph after the quotation.</p> <!-- [3] -->
    </div>
</div>
由于段落直接包含在块引号中,因此
div>p
不会选择该段落。然而,它可以匹配
blockquote>p
(换句话说,它是
的子项)

  • 已选定

    此段落位于内部
    ,由外部
    包含。层次结构如下所示:

    div > blockquote > p
    
    div > div > p
    
    如果有更多的
    嵌套在彼此之间,或者即使
    被其他元素包含,这都无关紧要。只要此段落直接包含在其自己的
    中,它将由
    div>p
    选择


  • ... 我们不能等IE6死掉,这样我们才能最终使用那些该死的儿童选择器:)这对我来说毫无意义。如果这是真的,那么“div>p”等于“div+p”O。o@fomicz否。
    +
    选择器选择下一个sibling@BalusC你显然不知道你在说什么。CSS4将支持漫画选择器:例如,
    @BoltClock它将在斜体段落中将独角兽的图像与ID
    stackoverflow
    匹配。这不是CSS3选择器。这是一个CSS2选择器。@Šime Vidas:好吧,OP确实要求区别:P+1这个答案符合
    :o
    选择器(惊人详细的解释)@Pekka:Haha!:)2015年仍然是一个很好的答案+1 =)
    div > blockquote > p
    
    div > div > p