multiple class selection targeting distinct children

Question

try the following:

add two divs to a page with the same class name. add two elements within each div: for argument's sake paragraphs. make the text color of the first paragraph of each div red.

why can't i figure out how to do this relatively simple task without having to use id's?

I think no one can answer this question. How should we know why you can't figure it out? We, or at least I, don't even know you. ( ;) ) — Felix Kling
– Felix Kling, Commented Jun 24, 2010 at 10:52

Nick Craver · Accepted Answer · 2010-06-24 10:43:39Z

4

You can do it like this in jQuery (:first-child selector):

$(".myClass > :first-child").css('color', 'red');

But CSS will do it as well (CSS :first-child selector), and you should use this route if possible :)

.myClass > :first-child { color: red; }

answered Jun 24, 2010 at 10:43

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

murraybiscuit Over a year ago

thanks nic. i had tried both selectors, but didn't think to use them in combination. my example is a bit simplistic - i need to do some manipulation first, so css wouldn't be the way to go in my situation.

Collectives™ on Stack Overflow

multiple class selection targeting distinct children

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related