The css class overlays the value of the same attribute.

The css class overlays the value of the same attribute.

If an element uses multiple classes and one attribute value has different values in multiple classes, what is the final value of this element?

Of course, the coverage with a higher priority is lower.

Consider a css link file box and an html file.

In css:

. Form-control {width: 100%;...}. width-control {width: 60% ;}

In html:

1. <div class = "form-control width-control">... </div> 2. <div class = "width-control form-control">... </div>

The above changes the writing sequence of classes in html and finds that the valid values are width: 60%, which means that the sequential writing sequence of classes in the same class in html does not affect the overwriting sequence.

Change the sequence defined in css as follows:

. Width-control {width: 60%;}. form-control {width: 100% ;...}

The valid values are both width: 100%. This indicates that the class priority is determined by the sequence defined by the class in the css file. The higher the definition priority, the higher the definition priority!

Zookeeper