css：voice-family属性的详解

voice-family属性

#sidebar {
  width: 200px;
  padding: 10px;
  border: 10px solid black;
}

在此设定宽度为200px，内边距为10px，边框为10px,但在Window IE5.5以前的浏览器中浏览页面时，宽度会比实际宽度少40px（200px-10px-10px-10px-10px）,因此需要予以纠正。此处利用了样式表的“层叠”特性，对于同一个选择符的相同属性，后定义的值会覆盖前面定义的值。

重新定义的样式为：

#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; 
}

而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的语音属性，由于Window IE5.5不完全支持CSS2，不识别此属性，因此跳到下一个选择符。

IE5并不能正确读取voice-family: “\”}\”"; voice-family:inherit;这两段，所以在读取第二个Width前就放弃读取#centercontent了，最终只能读取到第一个width：240px。

而IE5.5以上的浏览器因为同名覆盖的原则取到第二个width：200px。这样便能在同一个Class里定义两个Width值。

以上就是css：voice-family属性的详解的详细内容，更多请关注php中文网其它相关文章！