p { -o-border-radius: 10px; /* Opera 浏览器前缀 */ -ms-border-radius: 10px; /* IE 浏览器前缀 */ border-radius: 10px; /* 标准属性 */ }
-o 和 -ms 分别代表 Opera 浏览器和 Internet Explorer 浏览器,它们的存在是为了兼容一些老旧的浏览器。通过在属性前添加这些前缀,大家可以让这些浏览器正确地渲染大家的样式。
例如,在上面的代码中,大家使用了 border-radius 属性来实现圆角框,但是这个属性在某些浏览器中可能无法正常工作。通过添加 -o-border-radius 和 -ms-border-radius 前缀,大家可以让 Opera 和 IE 浏览器正确地显示圆角框。
需要注意的是,-o 和 -ms 前缀属于过时的写法,现在已经被大多数主流浏览器废弃。如果你想要写出更加兼容的 CSS 代码,可以使用现代的前缀写法:
p { border-radius: 10px; -webkit-border-radius: 10px; /* Safari 和 Chrome 浏览器前缀 */ -moz-border-radius: 10px; /* Firefox 浏览器前缀 */ }
这样,大家就可以让绝大部分浏览器正确地渲染大家的圆角框了。
总之,-o 和 -ms 前缀虽然已经不常用了,但在某些特定的情况下,它们仍然是非常有用的,尤其是在兼容一些老旧的浏览器时。