Hi! Thanks for your message.

In short:

  • when you use inline styles, the specificity is huge. It overrides everything else in your CSS. You can’t override an inline-style. While this might sound good, it is going to lead to big problems if you do that everywhere
  • Inline styles cannot handle hover states, media queries, pseudo elements. This is very limiting in the age of responsive, interactive web applications

If you want a more detailed discussion about the exact topic, I invite you to read this thread: https://github.com/tachyons-css/tachyons/issues/12.

Adam Morse, the creator of tachyons, makes a pretty good explanation in there.

Hope it helps! :)

Swiss Front-end designer/developer based on Sydney’s Northern Beaches. Proud father of two. Surf, basketball, ukulele addict. Love learning, love teaching.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store