A that followed by B CSS selector ???

Question

i need selector for selecting A element that directly followed by B element

<style>
    /* B that directly preceded by A*/
    A+B {

    }

    /* what the selector for selecting A that directly followed by B ????? */
</style>

<a>some text</a>
<b>some text</b>

Answer 1

You can´t in css.

Edit: To be a bit more helpful, if you use for example jQuery (javascript), you can use .prev(): http://docs.jquery.com/Traversing/prev

Answer 2

You could, but the support is still buggy. The name of that is the adjacent sibling selector

http://reference.sitepoint.com/css/adjacentsiblingselector

Answer 3

Do you mean to style A given that it has a B element directly inside or followed? Like this:

<A>
    <B>
    </B>
</A>

// OR

<A>
</A>
<B>
</B>

You can't do such a thing in CSS (yet). Eric Meyer states that this kind of selector has been discussed quite a few times on the CSS mailing list, and isn’t doable. Dave Hyatt, one of the core WebKit developers, comments with a good explanation of why it can’t be done.

Check out: Shaun Inman's blog post and the comment by Eric Meyer.
David Hyatt weighs in, too.