How would I use the page-id number to alter the CSS of a woocommerce page?

Question

I'm using CSS Hero which makes it easy for the element to break down.

On one page the wrapper, which bleeds over to other templates, shows this:

html>body>#wrapper>#main>#content>div

Since I only want the changes to be for this element on this page what would I do? I tried this:

.page-id-89 .html>body>#wrapper>#main>#content>div

Unfortunately, this did not work.