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它将在斜体段落中将独角兽的图像与IDstackoverflow
匹配。这不是CSS3选择器。这是一个CSS2选择器。@Šime Vidas:好吧,OP确实要求区别:P+1这个答案符合:o
选择器(惊人详细的解释)@Pekka:Haha!:)2015年仍然是一个很好的答案+1 =)
div > blockquote > p
div > div > p