CSS, Forget About IE, Shall We?

During work, colleague came across with a CSS problem, which only IE show that problem among Safari, Chrome and Firefox. Changing the CSS might cause a lots of style lost in all pages, adding class will need to add the class property to all the input we need to format. For we decided to let IE skip the formatting.

IE does not understand the child level formatting, for instance, if we would like to format the body tag, and the body tag is in html tag, so the relationship will be html > body.

So instead of using this:

body { 
  background-color: #FF00FF 
}  

we use this:

html > body {
  background-color: #FF0000 
}  

So when IE hit the html > body, it will simply ignored it 🙂