블로그 이미지
GUCCI

카테고리

전체보기 (111)
여행 (1)
기기 (2)
쇼핑 (0)
게임 (0)
etc. (6)
취업이야기 (0)
업무일지 (5)
리눅스 (38)
웹프로그래밍 (2)
네트워크 (4)
JAVA (17)
Android (0)
IOS (2)
LUA (8)
C/C++ (1)
Objective C (2)
SERVER (2)
그누보드4 (1)
MSSQL (2)
Programming (1)
자바스크립트 (4)
HTML/CSS (1)
LGNAS (0)
Total
Today
Yesterday

달력

« » 2024.5
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

공지사항

최근에 올라온 글

'CSS'에 해당되는 글 1건

  1. 2012.03.07 브라우저별 CSS Selector 지원 2

브라우저별 CSS Selector 지원

HTML/CSS / 2012. 3. 7. 08:20

CSS SELECTORS AND PSEUDO SELECTORS BROWSER COMPATIBILITY

This page has not been updated for some time and some of the browser versions are obsolete - I'm working on a better format for the page, so check back every now and then :)

The following is a range of CSS tests of the most common browsers' support for selectors and pseudo selectors. The tests includes basic stuff from the good old days of CSS1 and funky stuff from the future (CSS3). If you feel like reading more about the selectors and which attributes they support, the W3C is the place to go!

If you spot any errors (it happens to us all...) or have any comments, please email me at kimblim at gmail dot com.

Click here to see this page's history.

Bookmark and Share

CSS 1
↓ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta
↑ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta
EYES YES YES YES YES YES YES YES YES YES YES YES
E FYES YES YES YES YES YES YES YES YES YES YES YES
:linkYES YES YES YES YES YES YES YES YES YES YES YES
E:activeYES YES YES YES YES YES YES YES YES YES YES YES
E:visitedYES YES YES YES YES YES YES YES YES YES YES YES
E:first-lineNO YES YES YES YES YES YES YES YES YES YES YES
E:first-letterNO YES YES YES YES YES YES YES YES YES YES YES
E.classnameYES YES YES YES YES YES YES YES YES YES YES YES
E#idYES YES YES YES YES YES YES YES YES YES YES YES
.classname.classnameNO YES YES YES YES YES YES YES YES YES YES YES
CSS 2.1
↓ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta
↑ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta
*YES YES YES YES YES YES YES YES YES YES YES YES
E > FNO YES YES YES YES YES YES YES YES YES YES YES
E:first-childNO YES YES YES YES YES YES YES YES YES YES YES
E:hoverPARTIAL(1) YES YES YES YES YES YES YES YES YES YES YES
E:focusNO NO YES YES YES YES YES YES YES YES YES YES
E + FNO YES YES YES YES YES YES YES YES BUGGY (5) YES YES
E[attr]NO YES YES YES YES YES YES YES YES YES YES YES
E[attr="name"]NO YES YES YES YES YES YES YES YES YES YES YES
E[attr~="name"]NO YES YES YES YES YES YES YES YES YES YES YES
E:beforeNO NO YES YES BUGGY (4) YES YES YES YES YES YES YES
E:afterNO NO YES YES BUGGY (4) YES YES YES YES YES YES YES
CSS 3
↓ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta
↑ Selector / Browser →IE6IE7IE8IE9 previewFF 3FF 3.5FF 3.6Safari 3Safari 4Chrome 5 betaOperaOpera 10.5 beta
E ~ FNO YES YES YES YES YES YES YES YES YES YES YES
E[attr^="name"]NO YES YES YES YES YES YES YES YES YES YES YES
E[attr$="name"]NO YES YES YES YES YES YES YES YES YES YES YES
E[attr*="name"]NO YES YES YES YES YES YES YES YES YES YES YES
E[attr|="name"]NO YES YES YES YES YES YES YES YES YES YES YES
E:rootNO NO NO YES YES YES YES YES YES YES YES YES
E:nth-of-typeNO NO NO YES NO YES YES YES YES YES YES YES
E:nth-last-of-typeNO NO NO YES NO YES YES YES YES YES YES YES
E:first-of-typeNO NO NO YES NO YES YES YES YES YES YES YES
E:last-of-typeNO NO NO YES NO YES YES YES YES YES YES YES
E:only-of-typeNO NO NO YES NO YES YES YES YES YES YES YES
E:only-childNO NO NO YES YES YES YES YES YES YES YES YES
E:last-childNO NO NO YES YES YES YES YES YES YES YES YES
E:nth-childNO NO NO YES NO YES YES YES YES YES YES YES
E:nth-last-childNO NO NO YES NO YES YES YES YES YES YES YES
E:emptyNO NO NO YES YES YES YES BUGGY (2) YES (3) YES YES YES
E:targetNO NO NO YES YES YES YES YES YES YES YES YES
E:checkedNO NO NO YES YES YES YES YES YES YES YES YES
E::selectionNO NO NO YES NO NO NO YES YES YES YES YES
E:enabledNO NO NO YES YES YES YES YES YES YES YES YES
E:disabledNO NO NO YES YES YES YES YES YES YES YES YES
E:not(s)NO NO NO YES YES YES YES YES YES YES YES YES
  1. :hover only works for a-elements in IE6.
  2. E:empty seems to have some buggy behaviour in webkit-based browsers.
  3. Not sure how to test if this is still buggy.
  4. Tim has informed that the :before and :after selectors are buggy in Firefox versions before 3.5. Apparently they do not allow inserted elements to have fixed width/height or absolute positioning. I haven't checked this out myself. Thanx, Tim! Update: It certainly seems as if Tim is right - in Nicolas Gallaghers great demo about multiple backgrounds using CSS2.1, he also points this out.
  5. It seems that Chrome (at least on a Mac) has some issues with the adjacent selectors - I've created a test page to demonstrate it. It does not seem to be a Webkit issue, as Safari has no issues with this.
History (not complete):
2011.04.13: I've discovered a bug in Google Chrome regarding the adjacent selectors and created a test page to demonstrate the problem. The bug is fixed in v11 of Chrome.
2010.03.18: Opera 10b3 replaced with Opera 10.5 beta. Chrome 2 replaced with Chrome 5 beta. Firefox 2 replaced with Firefox 3.6. Internet Explorer 9 developer preview added.
2009.08.19: Konqueror removed as I have no way of testing it. Opera 10 beta added. Test for :not added.
2009.08.05: Firefox 3.5 beta 4 replaced with the final version. Chrome 1 replaced with Chrome 5 beta. Also changed lightbox functionality.
2009.06.15: Firefox 3.5 beta 4 added to the matrix
2009.06.11: Safari 4 beta replaced with the final version
2009.03.17: Safari 4 beta added
2009.03.04: Completely redone! New matrix overview, more selectors, better tests, more browsers. Removed min-width and max-width as they are not selectors.
2008.10.31: Internet Explorer 8 beta 2 added - major improvements compared to IE7!
2008.09.11: Google Chrome added
2008.06.27: Removed Firefox1.5 and inserted Firefox 3 instead. Also updated all the Safari tests to Safari3.
2007.07.13: Corrected the :checked test. Seems as if Firefox does support the selector, it just doesn't support red borders on checkboxes...
2007.03.16: Added :checked test
2007.01.12: I have added Konqueror 3.5.5 - which aces all the tests!
2007.01.09: I have added Firefox 2.0.0.1
2007.01.04: Added :nth-child test
2007.01.04: Improved the examples for :min-width and :max-width.
2007.01.02: I have added Opera 9.10 and there are some stats at the bottom of the page now...
2006: Created...
Posted by GUCCI
, |

최근에 달린 댓글

글 보관함

티스토리툴바