In above we applied class and Attribute styles but if you see in this here is applied only attribute selector properties. Umm... Do you think Why?
So basically when those selectors have same specificity value so the order in which your CSS rules appear, that will be execuate from the last css style means which css property have applied in the last that will be execuate in your html page.
Note: So whenever you see same specificity value selectors you have to remember the order of the css
Universal Selector specificity Value is (0)
Class Selector And Attribute Selector .h1 specificity Value is (1)