CSS Selector - Immediate child?

[Carson Dyle]

I'm trying to style something where I need to select only the first child when it immediately follows a particular tag of a certain class. The :first-child selector by itself isn't enough. Is there some other way?

I want to select this <b> tag, which is a child that immediately follows a <div> of class message.

<div class="message">
  <b>I want to select this.</b> Some other text and <b>not this</b> and etc.
</div>

but not select this <b> tag:

<div class="message">
  Text in which <b>this should not be selected</b> and more and more text.
</div>

(I have no control over the source, so there's no option to rewrite it.)

 

[purbeast0]

I'm pretty sure that is not possible through pure css. That is pretty simple if you can use javascript for this though.

 

[Malogeek]

Yeah you can't distinguish whether there is content before the 1st child element or not with css, that would require server-side or javascript.

 

[Carson Dyle]

Ok. Thanks guys.