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?