`
- 浏览:
10342 次
- 性别:
- 来自:
杭州
-
IE 6-7-8,ff.saf,Opera选择器大全(补充中--CSS Hack)
早上起来,就把IE,FF的识别标签整理一下,这是初步的,以后再补充。
IE6识别: _ * 与 +
IE7识别:* + 与!important
FF识别:!important
*和+是IE特有标签
总结:
只区分出IE6,用_
只区分出IE7,用*+或者* !important或者+!important
如下例1:{
background:black;/***IE,FF均识别***/
*background:green;/***排除掉FF***/
*+background:blue;/***只剩下IE7***/
}
例2:{
background:black;/***IE,FF均识别***/
*background:green;/***排除掉FF***/
*background:blue !important;/***只剩下IE7***/
}
例3:{
background:black;/***IE,FF均识别***/
*background:green;/***排除掉FF***/
_background:blue;/***只剩下IE6***/
}
这里面设计到一个组合问题,顺序根据设计来变动,一般来考虑:采用递减形式的识别,从多到少
当然,对于IE自己也可以用它自身识别的语句来实现区分:
Only IE 所有的IE可识别
/*** 只有IE5.0可以识别 ***/
Only IE 5.0+ /*** IE5.0与IE5.5都可以识别 ***/
/*** 仅IE6可识别 ***/
Only IE 6/+ /*** IE6与IE6以下的IE5.x都可识别 ***/
Only IE 7/- /*** 仅IE7可识别 ***/
好,今天先到这里,以后接着整理。
继续补充下:[color=red][/color]
/* IE6 and below */
* html #uno { color: red }
/* IE7 */
*:first-child+html #dos { color: red }
/* IE7, FF, Saf, Opera */
html>body #tres { color: red }
/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }
/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }
/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { color: red }
}
/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red }
}
/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece { color: red }
/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red }
/* Everything but IE6-8 */
:root *> #quince { color: red }
/* IE7 */
*+html #dieciocho { color: red }
/* Firefox only. 1+ */
#veinticuatro, x:-moz-any-link { color: red }
/* Firefox 3.0+ */
#veinticinco, x:-moz-any-link, x:default { color: red }
/***** Attribute Hacks ******/
/* IE6 */
#once { _color: blue }
/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }
/* Everything but IE6 */
#diecisiete { color/**/: blue }
/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }
/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }
/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
saf-lxc-start-openwrt.7z
SAF-Kotlin-Router 最新版本 模块 saf-router saf-router-compiler saf-router-annotation 最新版本 下载安装 在app 模块目录下的build.gradle中添加 dependencies { implementation '...
电信设备-基于SAF的信源适配.zip
SAF-Kotlin-log.zip SAF-Kotlin-log.zip SAF-Kotlin-log.zip
SAF775D 数据手册 SAF775C_SAF775D_UM_Audio手册 SAF775C_SAF775D_UM_Radio手册 SAF775C_SAF775D_Device_Control 带SDK测试 学习 的参考资料
3C All-in-One Toolbox Pro 是一款优秀应用超多功能聚合工具箱,具有简洁易于的使用界面...在资源管理器中添加预览缓存(UI中的大小选项,资源管理器设置) 添加WebDAV和Google云端硬盘支持(在资源管理器,备份,内容
安装包,nxp saf4000环境工具,下载4小时,分享国内应该速度会快一些。象征性2积分 国内有些同志太狠了,都50分资源 不符合开源精神
SAF-Object-Delegate 基于 Kotlin 的委托机制实现对 Extra、SharedPreferences 的封装 模块 extras-delegate prefs-delegate prefs-fastjson-delegate prefs-gson-delegate 最新版本 一. 封装...
一些积累的更新 3.SAF.Data支持4种数据库: Access,Sqlite,SqlServer,Mysql。 4.SAF.Web增加一些使用功能,如按照给定的文件名去MimeType等 5.修正一些BUG <br>...
<br>src中是SAF.Data的源代码,SAF.Data中的源代码以LGPL协议开放。 FirebirdSql.Data.FirebirdClient.dll 解决了嵌入式版的中文路径的问题 <br> 官方网站: http://www.sinoprise.cn<br>下载地址: ...
terraform-aws-cms-ars-saf-ecs-runner 此存储库包含一个Terraform模块,该模块将部署计划的ECS任务,该任务可以针对AWS账户运行定期的Inspec扫描。 该模块支持以下功能: 运行ECS任务并将输出流传输到Cloudwatch ...
应用框架的设计与实现--.NET平台(SAF源代码) 应用框架实例代码
日本安卓系统(android)的日新月异,美国石油学会(api)的日新月异。
SAF7113中文资料.pdf
SAF 0.2.0.32 fot .NET 2.0 ( 含帮助 ) <br>SAF: Sinoprise Application Framework <br>Sinoprise.Base.dll是Sinoprise Application Framework基础组件包,他含有与应用无关,与平台无关的代码(未在MONO上...
京东JOS开放服务介绍
该文档为SAF微波信号发生器 SG 6-40GHz 的使用说明书,是任何现场工程师执行设备安装,链路故障排除,现场规划和维护的必备工具。
《系统管理指南:高级管理》是介绍OracleSolaris系统管理信息重要内容的一套文档中的组成部分。该指南包含基于SPARC和基于x86的系统的信息。 本书假设您已经安装了OracleSolaris操作系统(operatingsystem,OS)。同时...
目前ie6、ie7、ie8浏览器不支持这些属性并不能说明ie就实现不了css3.0新属性的效果!css3please.com网站为我们收集整理了一些css3.0新属性效果在ie下的解决方案! .box_round { -moz-border-radius: 12px; /* FF1+ *...