different css for same object class across specific parent class (post or page)

I have several types of comments formatting that I would like to do…on pages I would like to set comments formatting css differently than on a post.

ideally it would look something like this

.single comment_container {
font-size:10ps;
color: rgsb(0,0,0,0);
}

.single comment_container {
font-size:10px;
text-color: rgba(0,0,0,0);
}

.page comment_container {
font-size:10px;
text-color: rgba(45,125,40,0);
}

Somehow this is not working however…its impractical for me to format specifically for a particular page as there will be many pages and or many posts.

Any help would be most appreciated as what I have tried has not worked.