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

This article mainly introduces how many forms of expression of hack in css, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

1. Conditional annotation method. Is the proprietary Hack mode of IE browsers.

Microsoft officially recommends the hack model.

It only works under IE.

It only takes effect under IE6, only for versions above IE6, but not for IE8, not for IE browsers.

2, in-class attribute prefix method, attribute prefix method is to add some hack prefixes before the CSS style attribute name.

Only specific browsers can recognize it to achieve the desired page display effect.

/ * CSS attribute level Hack * / color:red; / * all browsers can recognize * / _ color:red; / * only IE6 recognize * / * color:red; / * IE6, IE7 identify * / + color:red; / * IE6, IE7 identify * / * + color:red; / * IE6, IE7 identify * / [color:red; / * IE6, IE7 identify * / color:red9; / * IE6, IE7, IE8, IE9 identify * / color:red / * IE8, IE9 recognition * / IE6 IE6 does not recognize! important*/

3, selector prefix method, for some pages with inconsistent performance or need special treatment of the browser.

Before the CSS selector, add some prefixes that only specific browsers can recognize.

/ * CSS selector level Hack * / * html # demo {color:red;} / * only IE6 recognition * / * + html # demo {color:red;} / * only IE7 recognition * /: root # demo {color:red9;}: / * only IE9 recognition * / body:nth-of-type (1) # demo {color:red;} / * IE9+, FF3.5+, Chrome, Safari, Opera can recognize * / head:first-child+body # demo {color:red } / * IE7+, FF, Chrome, Safari, Opera can identify * / Thank you for reading this article carefully. I hope the article "how many forms of hack in css" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.