I recently found out about this hack to enable ".parent > .child { /* CSS code */ }" (select only direct child, not descendants) support in IE, but unfortunately I’ve lost the link to the original article. Anyway IE doesn’t support ".parent > .child" at all. It simply ignores it. Workaround is simple, but it still involves more work than you would have to do in a more CSS compliant browser (like Mozilla):
.parent .child { /* direct child data */ }
.parent .child .child { /* original CSS modified in .parent .child above */ }
Class references can be replaced with the tag:
UL LI { /* CSS for direct LI children */ }
UL LI LI {/* general CSS for LI elements */ }
This solution is somewhat limited, as you have to know how to restore CSS properties modified for the child nodes, but it’s better than nothing.
On the side note, I updated CS to 1.1 release. Everything appears to be running smoothly, but if you encounter any problem don’t hesitate to contact me. Update went OK (more or less) and the only complaint I have is that it cannot be automated. SQL scripts had to be run manually, even though the portal does support web installation.
Also I'm almost finished with the first version of JSOLait UI library. I'm finalizing documentation and planning to release it shortly.
Be the first to rate this post
- Currently 0/5 Stars.
- 1
- 2
- 3
- 4
- 5