Home/ Questions/Q 267019
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T23:29:28+00:00

<!DOCTYPE HTML PUBLIC -//IETF//DTD HTML//EN> <html> <head> <title>How to Write a Good Report</title> <style

  • 0
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<title>How to Write a Good Report</title>
<style type="text/css">
div.weather strong:first-child {color:red;}
</style>
</head>

<body>

<div class="weather">
It's <strong>very</strong> hot and <strong>incredibly</strong> humid.
</div>

</body> </html>

Why only “very” is in color red while “incredibly” not since both of them are first child of the element specified by “div.weather strong”?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    first-child means “an element that is the first child”, not “the first child of this element.”

    So your example means “the strong that is the first child of div.weather“.

    If you want to make, say, the first word in all the <strong>s within the div come out red, you’ll need to add some markup and do something like this:

    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<title>How to Write a Good Report</title>
<style type="text/css">
div.weather strong span:first-child {color:red;}
</style>
</head>

<body>

<div class="weather">
It's <strong><span>very</span> <span>very</span></strong> hot
and <strong><span>really</span> <span>incredibly</span></strong> humid.
</div>

</body> </html>
    • 0