条件CSS的介绍


Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明。

相关文章:针对不同版本的IE浏览器的条件CSS应用 条件CSS的高级用法

  • 使CSS针对特定的浏览器。
  • 简化你对CSS文件的维护。
  • 优化你的CSS。
  • 解决CSS那些使人烦恼的小BUG。
  • 自动扩展和引入@import声明。
  • 它是免费和开源的!

毫无疑问,你会发现很多情况下,不同的浏览器需要不同的样式声明,针对这一点,Conditional-CSS可以让你在你的CSS声明中添加Internet Explorer内置式条件样式。例子:

/* Conditional-CSS example */
a.button_active, a.button_unactive {
  display: inline-block;
  [if lte Gecko 1.8] display: -moz-inline-stack;
  [if lte Konq 3.1] float: left;
  height: 30px;
  [if IE 5.0] margin-top: -1px;   
 
  text-decoration: none;
  outline: none;
  [if IE] text-decoration: expression(hideFocus='true');
}

要开始使用Conditional-CSS需要选择正确的编译器为你的服务器平台下载一个合适的版本,并阅读使用指南或者在你的浏览器上观看演示原始CSS)。

原文地址:http://www.conditional-css.com/


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3