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

Today, the editor will share with you the relevant knowledge points of CSS's webkit core browser instance analysis. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

Css Google browser css Chrome css safari browser recognizes CSS hack

We know the difference between CSS IE and Firefox, DIV+CSS HACK, here is another introduction to the difference between Google browser (Chrome), Apple browser (safari) and IE hack

Only Google browser of webkit core browser and CSS hack recognized by safari browser

CSS hack code for Chrome and safari, only Google browser and Apple browser read CSS code:

@ media screen and (- webkit-min-device-pixel-ratio:0) {/ * Webkit kernel compatible CSS selector style is put here * /}

Example:

@ media screen and (- webkit-min-device-pixel-ratio:0) {.yangshi1 {color:#f00} .yangshi2 {border:1px solid # f00;} .yangshi3 {background:#f00;}}

HTML Code:

Css style 1 style 2 div+css style 3

Total DIV CSS Code:

Google browser is unique from safari webkit other browsers css hack demo @ media screen and (- webkit-min-device-pixel-ratio:0) {.yangshi1 {color:#f00} .yangshi2 {border:1px solid # f00;} .yangshi3 {background:#f00;}} / * the red zone code is specially written for Google browser to execute style * / css style 1 style 2 div+css style 3

You can use your own hands to copy the above complete demonstration code, and give your own examples to increase your memory and use skills.

Description: IE browser display at the bottom of the left and Google browser at the top of the right. It is obvious that Chrome supports this unique CSS hack code.

Summary: all you need is a style selector recognized by Google browser, and we wrap it with the following code (a new CSS style selector is placed in curly braces so that only Chrome recognition can be explained):

@ media screen and (- webkit-min-device-pixel-ratio:0) {/ * the newly built CSS selector * /} is all the contents of the article "CSS's webkit Core browser instance Analysis". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to 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.