Select nth h3 element of body

Question

How do I select (for instance) the 2nd h3 element of my body without affecting the elements between them?

nth-of-type doesn't work because it will select the first parent!

Here's my jsfiddle (sorry because it's foreign and the code is not shortened)

<http://jsfiddle.net/tg7of5sp/>

No. It doesn't matter which child it is, as long as it's a h3. So i want the second h3 that's typed in the code — someuseryoudontknowthenameof, Dec 20 '14 at 22:44
please share sample code with h3 element you want to selct as it is not obvious — A.B, Dec 20 '14 at 22:45
You should clarify the question (by editiong the question). When you say nth-of-type does not work, you probably mean that you want to select (e.g.) the `h3` element that is the 2nd among all `h3` *descendants* of the `body` element, counted by order of appearance in source code. — Jukka K. Korpela, Dec 20 '14 at 22:45
@JukkaK.Korpela Thanks, that's what I meant. Im Sorry, not a natural english speaker. — someuseryoudontknowthenameof, Dec 20 '14 at 22:52

A.B · Answer 1 · 2014-12-20T22:33:23.750

2

nth-of-type()

The :nth-of-type(n) selector matches every element that is the nth child, of a particular type, of its parent.n can be a number, a keyword, or a formula.

See Refrence

Working Demo Selecting 2nd h3 of body

body>h3:nth-of-type(2){
    color:red;
    }

<body>
  <h3>1st Heading h3</h3>
  <div>
    
  <h3>div 1st Heading h3</h3>
   <h3>div 2nd Heading h3</h3>

    </div>
  
  <h3>2nd Heading h3</h3>
  </body>

edited Dec 20 '14 at 22:33

answered Dec 20 '14 at 22:19

A.B

20,110
3
37
71

Wouldn't this only match h3's that are the 3rd element, of anything? Not the 3rd h3? Or am I getting nth-child all wrong? (Never used it much - I'll have to admit..) – Frederik Spang Dec 20 '14 at 22:25
Not working, the parent of each h3 element isn't the body, it's mostly a div. I want to select the second h3 that's in the body – someuseryoudontknowthenameof Dec 20 '14 at 22:26
thsese are different from array so 1 is equal to first child.. @FrederikSpang – A.B Dec 20 '14 at 22:28
Don't know why but it's not working. – someuseryoudontknowthenameof Dec 20 '14 at 22:34
I have updated the output ans css "now direct child of body will be selected if its h3 and second one" – A.B Dec 20 '14 at 22:37
but code is working here, may be any other problem? can you share your code – A.B Dec 20 '14 at 22:41
@someuseryoudontknowthenameof so you want to slect "Portfolio" one? – A.B Dec 21 '14 at 18:16

Select nth h3 element of body

1 Answers1