<html>
<head>
<style type="text/css">
div p:first-child { color: red }
</style>
</head>
<body>
<h1>H1</h1>
<div>
    <p>fzz</p>
    <p>fzz</p>
</div>
<h1>H1</h1>
<p>todo works in chrome, not in IE or Word.</p>
</body>
</html>