Which CSS prevails between CSS in document ready And <link href="css

Which CSS prevails between CSS in document ready And <link href="css



https://jsfiddle.net/jsfiddle135/6cr09nm0/3/



I want to apply CSS dynamically in document ready.
As you see in the linked Jsfiddle, CSS in document ready doesn' work.

WHY/?????