Unique element selector no id?

ladybug · May 1, 2021

Hello,so is there a way in CSS to select without id class name only pseudo-class selectors a unique element for example body header selects only the header of the body the whole page without any headers after that?

I need that for a homework because we are not allowed to change the html and there is no id class name or whatever.

body header{font-weight:bold}

and not other headers in the body are bold only this one.How?

<body>
	<header>(this one)
    <nav>
    	<header>.....

Chris Pratt · May 1, 2021

You can use the child combinator (`body > header`) or psuedo-classes like `header:first-of-type` or `header:nth-of-type(1)`.

ladybug · May 1, 2021

3 minutes ago, Chris Pratt said:

You can use the child combinator (`body > header`) or psuedo-classes like `header:first-of-type` or `header:nth-of-type(1)`.

Thanks! That worked!