/* Bad naming */ .a { color: #343434; } .link { font-size: 24px; } .header-with-blue-background-color-and-shadow { background-color: blue; box-shadow: 0 0 5px rgba(0,0,0,0.2); } /* Better naming */ .arrow { color: #343434; } .link-header { font-size: 24px; } .header-blue { background-color: blue; } .header-shadow { box-shadow: 0 0 5px rgba(0,0,0,0.2); }