An Easy Way to Handle “Real” Link vs App Link CSS

Standard

One of the annoying parts of writing CSS for a web app is assigning differences between legitimate anchor links and fake <a> elements used for buttons. I don’t know why I’ve never thought of it before but in reviewing some W3C documentation I found a good solution for normal links vs. other links. It’s going to be super obvious to you once you see the definition.

a[href] {}

So there you go, make all the <a> buttons you want and hang JS functionality on them, just avoid using the href attribute.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s