Selecting a sibling of a parent

Question

I\'ve got this HTML:

   
      user
   
   message
         


        

Answer 1

You cannot select the parent with CSS - you might find this an interesting read on the topic: Why we don't have a parent selector. However, you can do one of the following:

1. Use a bit of JavaScript

2. Change your HTML to

   user
   message

and you can do this:

a[href*="user"] + font { /* YOUR STYLES HERE */ }