CSS hack原理與常見的hack

2021-08-05 18:35:15 字數 1793 閱讀 5246

原理:利用不同瀏覽器對css的支援和解析結果不一樣編寫針對特定瀏覽器樣式。常見的hack有1)屬性 hack。2)選擇器hack。3)ie條件注釋

ie條件注釋:適用於[ie5, ie9]常見格式如下

常見的hack

選擇器hack:不同瀏覽器對選擇器的支援不一樣

/*****  selector    hacks   ******/

/* ie6 and below */

* html #uno

/* ie7 */

*:first-child+html #dos

/* ie7, ff, saf, opera */

html>body #tres

/* ie8, ff, saf, opera (everything but ie 6,7) */ html>/**/body #cuatro

/* opera 9.27 and below, safari 2 */

html:first-child #cinco

/* safari 2-3 */

html[xmlns*=""] body:last-child #seis

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */

body:nth-of-type(1) #siete

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */

body:first-of-type #ocho

/* saf3+, chrome1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) }

/* iphone / mobile webkit */

@media screen and (max-device-width: 480px)

}/* safari 2 - 3.1 */

html[xmlns*=""]:root #trece

/* safari 2 - 3.1, opera 9.25 */

*|html[xmlns*=""] #catorce

/* everything but ie6-8 */

:root *> #quince

/* ie7 */

*+html #dieciocho

/* firefox only. 1+ */

#veinticuatro, x:-moz-any-link

/* firefox 3.0+ */

#veinticinco, x:-moz-any-link, x:default

屬性hack:不同瀏覽器解析bug或方法

/* ie6 */

#once

/* ie6, ie7 */

#doce

/* everything but ie6 */

#diecisiete

/* ie6, ie7, ie8 */

#diecinueve

/* ie7, ie8 */

#veinte

/* ie6, ie7 -- acts as an !important */

#veintesiete /* string after ! can be anything */

常見的生活原理

1.墨菲定律 可能發生的壞事非常有可能發生,越是擔心這件事,就越可能發生.2.二八法則 世界本身就是畸輕畸重的,分布不均勻才有力量,才能突出重點,抓住關鍵.永遠不要過於追求全面.3.馬太效應 強者愈強,弱者愈弱.先下手為強,後下手遭殃.4.手錶定理 多 可能是一種壞處,讓人無所適從,讓人把大量時間花...

HDFS的高可用工作原理(HA)的最權威分析

namenode機器宕機,將導致集群不可用,重啟 namenode之後 可使用 計畫內的軟體或硬體公升級 namenode節點 導致集群在短時間內不可用 hdfs的ha就是為了解決上述問題,通常由兩個 namenode組成,乙個處於active狀態,另乙個處於 standby狀態。active na...

Oracle高可用概述 HA與RAC的關係解惑

1.你如何理解高可用的概念?所謂的高可用ha就是當你的系統中的某個節點異常損壞了,系統還是可用狀態,還可以對外提供服務,不會因為你的節點丟失而整體癱瘓。2.列出你知道的oracle高可用產品,並作一些功能和應用場景上的說明。rac 基於例項級的高可用產品 dg 基於儲存級別的高可用產品 gg 基於異...