'my CSS classes collide with each other despite of having different name but similarities

for example .create-post-heading class collides with class create-post-heading heading though there are two classes create-post-heading and heading but I don't know which one collides with which one like

enter image description here

in the above image when I add CSS to the .create-post-heading class my div having those two classes also inherit those properties but how?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source