Section IV of CSS inheritance and cascading

I. inheritance

1. Meaning: from the smallest elements of their own until the beginning of the package, can inherit some unique attributes.

2. Range:

a. color, beginning with text-, beginning with line-, font- beginning, can be inherited.

. B text style, can inherit; all about the box, positioning, can not inherit the layout.

3. Example:

II. Laminating properties

1. Background : When a plurality of simultaneously selecting a label related to a certain time, who styles to prevail, then involve lamination of the weight problem.

2. Meaning : CSS is to resolve conflicts. (All weights calculated, there is no compatibility issues).

3. weight calculation rules :

A. First, check to see whether the label, if you select the label, then in accordance with (the number of id number> class class> tag number) to calculate the weights, large who listen to whom; If the weights are the same, whichever is later write.

B. If not checked, then the weight is 0, take the principle of proximity, who nearly across the target label, who heard.

4. classic five questions:

Question 1:

Dump failed to re-upload canceled

Explanation: are selected, and this time compare the weight, the answer is red.

Problem 2:

Explanation: no check, a weight of 0; but the span tag closer description of the red, so the answer is red.

Question 3:

Explanation: The second and third did not check, a weight of 0; first selected, have the right heavy, so the answer is green.

Question 4:

Explanation: This split open, there are three selectors, and are selected, the second and third equally weighted, so after writing the main, the answer is green.

Question 5:

　　 Explanation: As long as there is a glimmer of hope can select the target, we believe selected, as the first one of the first div selector who is, we do not need attention, more weight can be seen, the answer is blue

5. Weight-depth

A. with a label carrying the name of more than one class, there is a conflict between the class name.