Exported from Notepad++

<!DOCTYPE html> <html> <head> <style> p:first-child { color: red; } h6 i:first-child { color: blue; } h5:first-child i { color: blue; } </style> </head> <body> <p>body's first pharagraph </p> <p>body's second pharagraph </p> <div> <p>div first pharagraph</p> <p>div second pharagraph</p> </div> <h6>the first italic word <i>is selected</i> but the second is <i>not selected</i> person.</h6> <h6>the first italic word <i>is selected</i> but the second is <i>not selected</i> person.</h6> <h5>I am a <i>strong</i> person. I am a <i>strong</i> person.</h5> <h5>I am a <i>strong</i> person. I am a <i>strong</i> person.</h5> <div> <h5>I am a <i>strong</i> person. I am a <i>strong</i> person.</h5> <h5>I am a <i>strong</i> person. I am a <i>strong</i> person.</h5> </div> </body> </html>

the first italic word is selected but the second is not selected person.

the first italic word is selected but the second is not selected person.

I am a strong person. I am a strong person.

I am a strong person. I am a strong person.

I am a strong person. I am a strong person.

I am a strong person. I am a strong person.