aim high

[출처] Browser CSS hacks | 작성자 – Paul Irish

웹개발쪽에는 문외한인 내가 이것 저것 두서 없이 공부하다보니 이러한 내용까지 참고해야 하는 상황까지 오게된다.  흔히들 말하는 개발자들은 노가다를 한다고들 하는 말을 들어왔는데 이제야 이해가 간다.
그저 웹표준이 무색할 뿐이다.
피곤하겠지만 그래도 메모해 두고 필요할 때마다 참고해야 하는 것들을 정리해본다.

/***** Selector Hacks ******/

/* 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 IE6, IE7) */
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: blue9; }

/* IE7, IE8 */
#veinte { color/***/: blue9; }

Tags : Chrome, Firefox, Hack, Internet Explorer, Opera, Safari

 

작성일 : 2010년 1월 8일 4:09 오전 | 카테고리 : 곁눈질 하기.
덧글, 또는 엮인글(Trackback) 작성