in

Emerald Hand

Emerald Hand, Inc. community home page.

This Blog

  • Home
  • Contact
  • About
  • Directory of Computers/Tech Blogs

Syndication

News

I'm back to blogging

Worm in liquid maze

Design and development of information management tools.

Child element reference in IE CSS

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.

Share this post: Email it! | bookmark it! | digg it! | reddit!
Readability Stats: Word Count: 219; Sentence Count: 22; Grade Level: 4.8, more info...
Published Jun 20 2005, 02:56 PM by Ornus
Filed under:

Comments

No Comments

Leave a Comment

(required)  
(optional)
(required)  
Add

About Ornus

Lead Sider and Xelog developer. I'm interested in information and how we can better manage it using computers. I'm also into design and understanding how to creating cool, useful, simple things.
Copyright © 2006-2007 EmeraldHand, Inc. All rights reserved.
Powered by Community Server (Non-Commercial Edition), by Telligent Systems