一个css在IE与Firefox的明显区别

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"  xmlns:v ="urn:schemas-microsoft-com:vml"  xmlns:o ="urn:schemas-microsoft-com:office:office" >

< head >
< meta  http-equiv ="Content-Language"  content ="zh-cn"   />
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
< title > CSS TEST </ title >
< style > ...
#quickSummary
{...}{
    font-size: 14px;
    color: black;
}

#quickSummary > p + p
{...}{
    color: red;
}

#quickSummary > p + p + p + p
{...}{
    color: inherit;
}
/**//* The next example is a easier way to set part of the element, but only in CSS3
#quickSummary p:nth-child(4)
{
    color: blue;
}
*/
</ style >
</ head >

< body >

< div  id ="quickSummary" >
     < p > Designing For Flexibility </ p >
     < p > Now, this is the first one. </ p >
     < p > And this is the second. </ p >
     < p > This is the third. </ p >
     < p > Wait, this is the last one! </ p >
</ div >

</ body >

</ html >

 IE中显示全部黑色，而Firefox中第二、三列显示红色。