I have a CSS specificity

Question

This is my html code

This is my css code

When in CSS I write the CSS code for .keys class like this and add class .transistionOfKeys to html then my border properties does not add to it

But when I change my CSS code to this by removing .container and just keeping it to .keys then it works

after changing CSS code

So I want to know reason for this...

Hope someone answer this question soon...

Answer 1

Change the selector for the second rule to .container .transistionOfKeys {...} to achieve the same CSS specifity as the first CSS rule.