Did not understand a part of font-size



My doubt is in the part of code in second.html from line 20. According to the classes available-coffee and out-of-stock from second.css file, font-size in available-coffee is 8px and font-size in out-of-stock is 16px. So when both these classes are incorporated in the html code in line 20, the resulting webpage took the value of font-size from out-of-stock class.

How did it take that value from out-of-stock class and why not from available-coffee which is 8px?

You can do is

  1. Comment the 16px in out of stock class
  2. Mark as important to 8px in available coffee class