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

In this article, the editor introduces in detail the "case analysis of CSS coding sequence", with detailed content, clear steps and proper handling of details. I hope that this "case analysis of CSS coding sequence" article can help you solve your doubts.

CSS coding sequence study the final CSS style defined will cover all existing or conflicting styles defined before it, such as the following example:

Sample code

P {color:red;background:yellow}

P {color:green}

The above paragraph will eventually have a green font with a yellow background, because the final definition of color:green overwrites the previously defined red, and as for why the yellow background does not disappear, it is because there is no conflicting definition in the definition of the second p, so it is still valid.

Do you really get it? Okay, let's do a little test:

Sample code

P.red {color:red}

P.green {color:green}

P.blue {color:blue}

Sample code

Http://www.php.cn/

Http://www.php.cn/

Http://www.php.cn/

Excuse me, what color will the text in the above three paragraphs appear when it is finally displayed?

The answer is that they are all displayed as blue, that is, blue, although each paragraph has three p styles applied in a different order, it seems that the color should be determined in the order in which the styles are applied, for example, the first as blue, the second as red, and the third as green, which is wrong, regardless of the order in which the styles are applied, they all end up listening to the last specified style, and the colors are all blue.

After reading this, the article "case Analysis of CSS coding sequence" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow the industry information channel.

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.