Child CSS Issue

I posted a question a few days ago and it has not been answered. I don't want to create a duplicate post so here is the link...

In short, product-child.css appears higher in the HTML source than product.css. Therefore our child styles are always overridden by the main theme styles. How can I reverse the order in which the stylesheets are loaded?