I initially tried to make the opening paragraph stand out by applying a red color, but unexpectedly, all elements on the page turned red. view image here
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/ex1.css" />
<style>
article:first-child {
background-color: red;
}
</style>
<title>Document</title>
</head>
<body>
<article>
<h1>heading</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Porro ratione
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate,</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium
</p>
</article>
</body>
</html>
I had anticipated only the first element to be styled in red, but to my surprise, all elements are showing as red