CSS in voice-family: "\"}\ ""; What's the effect?

CSS in voice-family: "\"}\ ""; What's the effect?

#centercontent {                  background-color: #006600;                   Background-image:url (.. /img/home_main_bg.gif);                   Background-repeat:repeat-x;                   height:502px;                   width:772px;                   margin-top:0px;                   Margin-right:auto;                  margin-bottom:0px;                   Margin-left:auto;                   border:1px solid #006600;                   voice-family: "\"}\ "";                    Voice-family:inherit;                    height:500px;                   width:770px;}

The width is set at 770PX and the border is 1PX, but when you browse the page in a browser in the previous window IE5.5, the main layer width is 2px (770px-1px-1px) less than the actual width, so it needs to be corrected, and a corrective method is presented here. This takes advantage of the cascading nature of the style sheet, which overrides the previously defined value for the same property as the same selector.

and "voice-family:" \ "}\" "; voice-family:inherit;" is the Voice property of CSS, because window IE5.5 does not fully support CSS2, this property is not recognized, so skip to the next selector.

IE5 does not read voice-family correctly: "\"}\ ""; Voice-family:inherit the two paragraphs, so the read #centercontent is discarded before reading the second width.

This allows the definition of two width values in the same class. (This is, in fact, typical of a repeating definition, but does not cause problems in other browsers.) ）

Another way to solve this problem is not to voice-family: "\"}\ "";

width:770px
width:772px;