有人可以告诉我下面这个例子中的“标题”和“标题2”是如何被涂成红色的吗?http://jsfiddle.net/zxfNU/1/
HTML
<div id="root">
<p>
<p>Test 1</p>
<h3>Heading</h3>
<h3>Heading 2</h3>
</p>
</div>
<h3>Heading 3</h3>
CSS
div#root > h3
{
color: red;
}
CSS只有在h3元素位于div下时才会选择它,但实际上它是在p元素下面吗?
div > h3
选择器而不是div#root > h3
。 - zessx</div>
结束标签之前的底部的</p>
结束标签也会创建一个段落。这是传统做法;请参考此链接以获取更多信息:https://dev59.com/Lmgu5IYBdhLWcg3wGjhF。 - BoltClockp
是特殊的,因为它不能包含其他流容器(或CSS术语中的其他块级元素)。这包括其他p
元素。 - BoltClock