Почему селектор элементов лучше селектора класса

Я ожидаю, что размер шрифта: 20px для элементов li

html и css здесь https://jsfiddle.net/15m9tsq6/

div {
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  color: #2c3e49;
  font-size: 12px;
} 

.kk-wrapper {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
}