CSS 3 標準
隨著AJAX 及jQuery 的出現，CSS 也在不斷地自我完善。
CSS 3 吸取了多年來Web 發展的需求，提出了很多新穎的CSS 特性。
例如：CSS 3 中的圓角矩形 border-radius 屬性（但在IE 瀏覽器中無效）。
| <html> |
| <head> |
| <title>圓角矩形</title> |
| <style type=”text/css”> |
| <!– |
| div{ |
| width:200px;height:120px; |
| border:2px solid #000000; |
| background-color:#FFFF00; |
| border-radius:20px; /* CSS3 中的圓角矩形 */ |
| -moz-border-radius:20px; /* mozilla 中的圓角矩形 */ |
| -webkit-border-radius:20px; /* Safari 3 中的圓角矩形 */ |
| } |
| –> |
| </style> |
| </head> |
| <body> |
| <div></div> |
| </body> |
| </html> |
注意：由於IE 7 瀏覽器是以CSS 2 為基礎，所以不支援圓角屬性。
瀏覽器的相容性
瀏覽器的相容性，程式設計師可以通過http://www.css3.info/selectors-test/test.html 來測試自己的瀏覽器對各種CSS 選擇器的支援。
正是因為瀏覽器對CSS 3 的相容性問題，使得CSS的屬性沒有得到推廣。
jQuery 的引入
jQuery 框架通過預先的JavaScript 程式設計，提供了幾乎所有的CSS 3 標準下的選擇器。開發者可以利用這些選擇器來選擇HTML 中的標籤元素。
注意：jQuery 中的這些選擇器的相容性非常好，在目前主流的瀏覽器下都可以使用。
本文轉自鋼鋼部落格園部落格，原文連結：http://www.cnblogs.com/xugang/archive/2010/10/14/1851133.html，如需轉載請自行聯絡原作者