jQuery browser CSS3 close-up compatible example_jquery

The example in this article describes the jQuery browser CSS3 close-up compatibility method. Share it with everyone for your reference. The specific analysis is as follows:

CSS3 has fully absorbed the needs of web development for many years and absorbed many novel features. For example border-radius

The most exciting feature of CSS3 is the enhancement of selectors. For example, attribute selectors can select tags based on a certain attribute value, and position selectors can select tags based on the position of child elements.

Many browsers currently in use, such as IE7, mainly support CSS2. Most attribute selectors are not ideal.

It is precisely because of the browser’s compatibility issue with CSS3. No browser has better standard support for it.

jQuery provides almost all selectors under the CSS3 standard through pre-programmed JavaScript. Developers can use these selectors to easily select various elements. For use by javascript programming.

Copy code The code is as follows:

The above uses the selector li:nth-child(2), which means selecting the second element mark in

. And it can be tested in ie7 and chrome browsers.

I hope this article will be helpful to everyone’s jQuery programming.