Before arriving at the stage without H and without F ~ Still Suffering ~ I am compatible with CSS in browsers.

Source: Internet
Author: User
Before arriving at the stage without H and without F ~ Still Suffering ~ The CSS of my compatible browser is depressing to different browsers for parsing. It is common for anyone who writes CSS.
Although conditional annotations are ideal for forward and backward compatibility. Unfortunately, I don't really like N versions of CSS,

Let's talk about my usage first.
Initialization
Selectors {}
Ensures backward compatibility,
Then start filtering
Whether or not the Quirks Mode is introduced in IE6
Both
* Html Selectors {}
Handling IE6 and earlier versions,
I made a complicated distinction between the next and next versions.
Read IE5.x

@ Media tty {
I {content: "\";/* "*/} @ import 'ie5x.css ';/*";}
}/**/

It is used only at special requirements, because IE5 and IE5.5 are similar in many aspects. I chose to put them in the same way.
However, IE5 is always relatively stupid,
I must add a distinction.

*> Html Selectors {}

It should have been
*> Html body Selectors {}
It is better to handle priority issues,

IE7's support for CSS is close to FF, Opera, and Safari. However, there will always be some special problems,
I select to use
* + Html Selectors {}
When IE7 also introduced Quirks Mode, the problem became very complicated. His understanding of CSS also dropped to IE5, which is very similar and different, I couldn't find a solution, so I didn't introduce IE7 to Quirks Mode when I killed it.

FF is not a standard. Sometimes there are special problems.
Using private stuff,

@ Namespace url (http://www.w3.org/1999/xhtml );
@-Moz-document url ("http://www.loaoao.com "){
Selectors {...! Important}
}

What about Opera. Although ACID2
But in my boring writing ~ There is still a problem like li: hover + li {}. I don't know if the next release will solve this problem.
Fortunately, others have provided

@ Media all and (min-width: 0px ){
Selectors {}
}

What about Safari? Forgive me for being poor. I have no money to buy apple products,
I don't know how many problems will occur. This is the most depressing thing. Fortunately, Safari provides great standard support,
For more filtering methods, refer to http://centricle.com/ref/css/filters/


Both hack and filter are painful.
Today's problem is not solved to produce tomorrow's problem.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.