IE8 Child Selector

Expand Post »

Hi! I read that IE 8 accepts child selectors. But it does not seem to work for my IE8 (Spanish version if this even matters).

HTML and CSS Syntax (Toggle Plain Text)
#div > p{background-color: blue;}
========================
<div id="div">
<p>Shoud work here!</p>
        <div>
                <p>and not here</p>
        </div>
</div>
#div > p{background-color: blue;}
========================
<div id="div">
<p>Shoud work here!</p>
        <div>
                <p>and not here</p>
        </div>
</div>

It works for firefox and not for internet explorer. What could be happening?

Similar Threads

Shock Horror: IE8 BETA 2 has some bugs in Windows Software
IE8 Beta Testers wanted, only great people need apply in Windows Software
IE8 Beta ... Less usable than IE7 in Web Browsers
XPath / CSS selector query in XML, XSLT and XPATH
help for compliance css for ie7 and firefox3 in HTML and CSS

Dat0

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

12 posts
since Oct 2009

Permalink

Oct 12th, 2009

Re: IE8 Child Selector

Click to Expand / Collapse Quote originally posted by Dat0 ...

Hi! I read that IE 8 accepts child selectors. But it does not seem to work for my IE8 (Spanish version if this even matters).
HTML and CSS Syntax (Toggle Plain Text)
#div > p{background-color: blue;}
========================
<div id="div">
<p>Shoud work here!</p>
        <div>
                <p>and not here</p>
        </div>
</div>
#div > p{background-color: blue;} ======================== <div id="div"> <p>Shoud work here!</p> <div> <p>and not here</p> </div> </div>
It works for firefox and not for internet explorer. What could be happening?

What DTD are you using? Might require STRICT mode.
But if you are working in a strict document than it will mean it doesn't support direct child selector syntax.

But this is a highly effective workaround - try this.

HTML and CSS Syntax (Toggle Plain Text)
	<style type="text/css">
            #div p{background-color: blue;}
            #div div p{background-color: transparent;}
	</style>
	<style type="text/css">
            #div p{background-color: blue;}
            #div div p{background-color: transparent;}
	</style>

Troy III

Reputation Points: 120

Solved Threads: 61

Posting Pro

Offline

511 posts
since Jun 2008

Permalink

Oct 20th, 2009

Re: IE8 Child Selector

IE sometimes gets confused when you name a class or an id using a tag name.

MidiMagic

Reputation Points: 730

Solved Threads: 181

Nearly a Senior Poster

Offline

3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: How important are robots.txt file?

Next Thread in HTML and CSS Forum Timeline: positioning problems

DaniWeb Message

Cancel Changes

User Name
Password