第 10 页|IT-北北报

Css权重图谱

2015/01 07 14:01

对于css样式的优先级,很多人都知道ID比Class的权重高,但是对于dom、input[type]这些属性啊,还有就是复杂串联的Class表权重到底几何有点分不清楚,所以特别拿来一张Css的图谱作为解释,这个大鱼吃小鱼,小鱼吃小虾,小虾吃泥巴的CSS选择器类型与权重关系图的图谱简直是太赞了,必须收藏!!!–北北

css权重图

Css-hack 样式兼容写法

2014/12 22 17:12

关于css-hack,首先说明2点

1.能不用hack就不用hack;

2.当必须用hack的时候,将hack写在后面,让通用样式先识别.

我这里不想说太多烂七八糟没用的,就说最常用到的几种hack.–北北

以下样式上下顺序不可以写错!!!

#css {
border:2px solid #00f; /* 通用属性 */ buy viagra online
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
*border:2px solid #F80; /* IE6/7的属性 */
+border:2px solid #000; /* IE7 */
_border:2px solid #011; /* IE6的属性 */
}

/*ie11 生效*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .apd .table-box{height: auto;overflow-y: inherit;}
}
/*ie11注意里面的标点符号*/
/*ie10 css hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.apd .table-box{height: auto;overflow-y: inherit;}
}

记住这个样式表,是不是简单粗暴,有了这些,相信可以解决95%以上的问题了。


无觅相关文章插件,快速提升流量