CSS failure triggered a space
Today in the paragraph style to the blog set up when the first character styles found in the original style of a space can also be made invalid.
See the following code:
<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "/ / www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<title> </ title>
<style type="text/css">
<! -
p (font-size: 12px;)
p: first-letter (font-size: 300%)
->
</ Style>
</ Head>
<body>
<p> To the world you are one person; but to one person, you are his entire world. Though sad, do not frown, because you never know who is falling in love with your smile. </ P>
</ Body>
</ Html>
This code <p> first character of the style definitions in IE6, was without effect (IE7 did not test), and in the p: first-letter and (font-size: 300%) a space, that is p: first-letter (font-size: 300%), the display on the normal. But the same code, look under the FireFox is normal. Naturally expect that, p: first-letter (font-size: 300%) is written is correct. So where is the problem? The answer is a pseudo-class hyphen "-." IE has a BUG, in dealing with pseudo-class, if the pseudo-class name with a hyphen "-" pseudo-class name followed by a space must follow, or style definition is invalid. In FF, the increase can not properly handle spaces.