Lego2012
11/23/2016 - 7:51 AM

Inheritance and tweak single elements

Inheritance and tweak single elements

/* 
However, should I want to tweak the font size of any element, I can. I take advantage of the global scope and only tweak what I need to in the local scope. 
*/

* {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

html {
  font-size: 125%;
  font-family: sans-serif;
  line-height: 1.5;
  color: #222;
}

h1 { 
  font-size: 3rem; 
}

/* 
Using the cascade, I’ve styled most elements the way I want them, with h1 just as a special case, just in one regard. The cascade works as a filter, meaning styles are only ever stated where they add something new. 
*/