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

What are the knowledge points of this article "what are the application methods of CSS special symbols?" most people do not understand, so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "what are the application methods of CSS special symbols?"

1. Backslash (\)

Shared reader: IE/Mac

The backslash (\) hack cajoled a piece of IE/Mac. The css section that ends with\ * / indicates that it is inaccurately opened on the IE/Mac, so statements that need to be ignored on the IE/Mac can be placed on the back of this statement.

/ * CSS omission: omit the following statement on IE Mac\ * / selector {... styles... } / * ignore completed * / 2, underscore (_)

Applicable browser: IE6 and its following versions

IE 6 and the following versions can recognize attributes with an underlined prefix, while other readers will ignore it. As a result, an attribute preceded by a bump or hyphen becomes a proprietary attribute of IE6 and below.

# elem {width: [W3C Model Width]; _ width: [BorderBox Model];}

PS: this gap where hack dominates the hunter uses an invalid CSS, so it is not recommended.

3. Asterisk (*)

Practical reader: IE7 below version

In addition to underscores and hyphens, version 7 and the following IE recognize attributes prefixed with non-alphabetic characters, while other predators are negligent.

# elem {width: [W3C Model Width]; * width: [BorderBox Model];}

PS: this gap in the hack monopoly reader uses invalid CSS, so it is not recommended.

4. Asterisk HTML (* html)

Practical reader: IE4-6

The HTML element is the root element of the W3C-scale DOM, but there is another mysterious parent element in versions of IE 4 through 6. Purely compatible browsers will ignore this * html resolver, but IE4-6 will punish it normally.

* html p {font-size: 5em;}

PS: this HACK uses a fully valid CSS.

5. Asterisk plus sign (* +)

Shared browser: IE7

*: first-child+html p {font-size: 5em;}

Perhaps:

* + html p {font-size: 5em;}

PS: it only works malformed in the IE7 canonical model and cannot be used in strange forms. At the same time, it is also supported by the compatible form of IE8 (which is equivalent to the scale form of IE7). It also uses a valid CSS.

6. Sub-decision maker (>)

Shared browsers: IE6 and above and non-IE dabblers

IE6 and earlier versions do not support "sub-resolver" (>), and we can control this to specify special rules for other readers.

Html > body p {color: blue;} 7, child decision maker plus explanation (> / * /)

Suitable for readers: IE7 or above and non-IE dabblers

Of course, IE7 supports sub-determiners, but the following hack method can also sweep IE7. When an empty interpretation follows the child resolver over and over again, IE7 does not recognize the previous rules, just like earlier browsers.

Html > / * * / body p {color: blue;} above is the content of this article on "what are the application methods of CSS special symbols?". I believe you all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please 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.