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

This article mainly introduces "the principle and usage of hack in css". In daily operation, I believe that many people have doubts about the principle and use of hack in css. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "the principle and usage of hack in css". Next, please follow the editor to study!

1. According to the browser's support for CSS style, the analysis results and the priority of identifying CSS, different CSS style codes can be written according to these characteristics.

2. IE6 can recognize underscores and asterisks *, IE7 can recognize asterisks *, but not underscores _.

Firefox does not recognize either, and IE6.IE7 and FF can write different code by using these special symbols.

Example

/ * Selector Hacks * / * IE6 and below * / * html # uno {color: red} / * IE7 * / *: first-child+html # dos {color: red} / * IE7, FF, Saf, Opera * / html > body # tres {color: red} / * IE8, FF, Saf, Opera (Everything but IE6, 7) * / html > / * / body # cuatro {color: red} / * Opera 9.27 and below Safari 2 * / html:first-child # cinco {color: red} / * Safari 2-3 * / html [xmlns*= ""] body:last-child # seis {color: red} / * safari 3, chrome 1, opera9+, ff 3.5 + * / body:nth-of-type (1) # siete {color: red} / * safari 3, chrome 1, opera9+, ff 3.5 + * / body:first-of-type # ocho {color: red} / * saf3+ Chrome1+ * / @ media screen and (- webkit-min-device-pixel-ratio:0) {# diez {color: red}} / * iPhone / mobile webkit * / @ media screen and (max-device-width: 480px) {# veintiseis {color: red}} / * Safari 2-3.1 * / html [xmlns*= "]: root # trece {color: red} / * Safari 2-3.1 Opera 9.25 * / * | html [xmlns*= "] # catorce {color: red} / * Everything but IE6-8 * /: root * > # quince {color: red} / * IE7 * / * + html # dieciocho {color: red} / * Firefox only. 1 + * / # veinticuatro, x:-moz-any-link {color: red} / * Firefox 3.0 + / # veinticinco, x:-moz-any-link, x:default {color: red} so far, the study on "the principle and use of hack in css" is over, hoping to solve everyone's doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.