Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "case Analysis of CSS inheritance problems". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

According to CSS's current rules, child elements inherit attributes from parent elements. For example:

Body {color:red;} h2 {color:red;}

Through the CSS inheritance rules, the site body element is the most advanced element in the HTML document, the element in body will inherit the attributes owned by the highest element, and the child elements are all tags except the body tag, so that all fonts are defined in body and the child elements should also be red, unless you give H2 a more advanced CSS attribute, which is the case in all browsers at present.

However, we often encounter this problem in our development, that is, my body element defines the CSS attribute, and then all the child elements inherit the CSS attribute defined by the body element. What should I do when I want to define attributes for other child elements? For example:

Body {color: red;} span {color: green;} p {color: blue;}

At this point, elements other than span and p elements inherit the CSS attribute of body, while span and p elements inherit their own CSS attribute.

This is the end of the content of "CSS inheritance case Analysis". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.