How do I get this CSS text-decoration override to work?

Question

Some days I swear I\'m going mad. This is one of those days. I thought my CSS was fairly straight-forward here, but it just doesn\'t seem to be working. What am I missing?

Answer 1

o.k.w.'s answer above explains perfectly why you can't do what you are asking without some other changes. No, you're not going mad!

Possible workarounds:

• try border-bottom?
• wrap the text you want underlined in a span class="u" tag? (to prevent the text-decoration from decorating nested elements)
• if you aren't able to change the markup, you could add some scripting to accomplish the same as my previous suggestion.

Best of luck!