An example Analysis of css Sub-elements inheriting attributes from parent elements

This article mainly introduces the example analysis of inheritance attributes of child elements from parent elements in css, which has certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let Xiaobian take you to understand it together.

Uphold and its title problem

According to CSS, child elements inherit attributes from parent elements. But it doesn't always work that way. Take a look at the following definition:

body { font-family: Verdana, sans-serif; }

Following this rule, the body element of the site will use Verdana font (if available in the interviewer's widget).

Through CSS inheritance, child elements inherit attributes owned by the highest-level element (in this case, body)(these child elements are p, td, ul, ol, ul, li, dl, dt, and dd). There is no need for additional rules, all child elements of the body should have Verdana fonts, and child elements of child elements should also be different. Moreover, in most modern readers, this is actually the case.

But that's what happened in the bloody years of the Internet war, and approval of norms isn't really a business priority these days. Similarly, Netscape 4 disapproves of inheritance, ignoring not only inheritance but also the rules applied to the body element. IE/Windows up to IE 6 also had related titles, font formatting in tables was overlooked. What are we supposed to do?

Thank you for reading this article carefully. I hope that Xiaobian's "Example Analysis of Sub-elements Inheriting Attributes from Parent Elements in CSS" will be helpful to everyone. At the same time, I hope that everyone will support you a lot and pay attention to the industry information channel. More relevant knowledge is waiting for you to learn!