CSS 子要素 selector_html/css_WEB-ITnose

 <style type="text/css">	div > p { color: red; }</style><div>    <p>        p1    </p>        <p>        <p>            p2        </p>    </p></div>

子要素なのに、なぜ p2 も色が変わるのでしょうか？

最初は継承かと思いましたが、style="color: red; " で試してみると、次の p はこのスタイルを継承しません。

助けてください、ありがとう！

ディスカッションへの返信 (解決策)

これは、開発者ツールを通じてページの解析を表示できますが、最終的な解析は依然として の直接の子に属します。 div Set

次の例は通常です

<style type="text/css">    .test>p { color: red; }</style> <div class="test">    <p>p1</p>    <p>p2</p>    <div>    	<p>p3</p>    </div></div>

div p{}//这种才是，div下，所有的后代元素。//可以理解为，包括儿子辈，孙子辈，重孙辈。。一直到底div > p{}//这种是直接子元素。//可以理解为，这个只选择儿子辈的p元素

http://www.w3school.com.cn/css/css_selector_child.asp