[分享]css3支持版本

CSS3是CSS的最新版本，与CSS2相比，CSS3增加了许多新的属性和选择器，为开发者提供了更多的创作空间和灵活性。不过，CSS3并不完全兼容所有的浏览器。各个浏览器的CSS3支持程度各异，因此在开...

CSS3是CSS的最新版本，与CSS2相比，CSS3增加了许多新的属性和选择器，为开发者提供了更多的创作空间和灵活性。

不过，CSS3并不完全兼容所有的浏览器。各个浏览器的CSS3支持程度各异，因此在开发时需要注意浏览器的兼容性问题，以确保网页在不同的浏览器中都能正常显示。

/*以下代码仅支持部分浏览器*/
.box {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  box-shadow: 2px 2px 5px #ccc;
  transition: all 0.3s;
} 

对于CSS3的不同属性和选择器，不同浏览器的支持程度也不同。下面是一份CSS3属性和选择器的支持情况：

/*以下代码为CSS3新属性和选择器*/

/*属性*/

/*边框图像源*/
-moz-border-image:支持
-webkit-border-image:支持
-o-border-image:不支持
border-image:支持

/*渐变*/
-webkit-gradient:支持
-moz-linear-gradient:支持
-o-linear-gradient:支持
linear-gradient:支持

/*文字阴影*/
-moz-text-shadow:支持
-webkit-text-shadow:支持
-o-text-shadow:支持
text-shadow:支持

/*选择器*/

/*属性选择器*/
[atr^=”val”]:支持
[atr$=”val”]:支持
[atr*=”val”]:支持

/*否定伪类*/
:not(:first-child):支持

/*相邻兄弟选择器*/
h1 + p:支持

/*伪类*/
:checked:支持
:enabled:支持
:disabled:支持
:empty:支持
:root:支持
:last-child:支持
:first-of-type:支持
:last-of-type:支持
:nth-child(n):支持
:nth-of-type(n):支持
:last-child:支持
:first-of-type:支持
:last-of-type:支持
:nth-child(n):支持
:nth-last-of-type(n):支持
:only-child:支持
:only-of-type:支持 

可以看到，不同的浏览器对CSS3的支持程度差异很大。因此在开发时需要了解各个浏览器的CSS3支持情况，避免使用不被支持的属性和选择器，同时还需要考虑添加一些兼容性的代码，以确保网页在各个浏览器上都能正确展示。