Question

I want to match the first H1 element in my whole document. However, right now I’m faced with a problem.

I’m using the following CSS selector:

h1:first-child {
...
}

However, it matches several H1 tags on the page. How can I make it match only the first one?

Answer 1

are you allowed to cheat with jQuery? some times jQuery (javascript) provide(s) elegant alternatives beyond the html and css limitations

$(document).ready(function() {
 $('body').find('h1:first').css('color','#0000ff');
}); //  ready