在样式规则中的选择器后面缺少开口大括号（{）' [英] missing an opening brace '({)' after the selector in the style rule
本文介绍了在样式规则中的选择器后面缺少开口大括号（{）'的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我第一次做了一个小提琴工作得很漂亮。小提琴中使用的样式是
.newmainblock {
background：rgb（254,254,253） / *旧浏览器* /
background：-moz-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * FF3.6 + * /
background：-webkit-gradient（linear，left top，left bottom，color-stop（0％，rgba（254,254,253,1）），color-stop（42％，rgba （220,227,196,1）），色停（100％，rgba（174,191,118,1）））; / * Chrome，Safari4 + * /
background：-webkit-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * Chrome10 +，Safari5.1 + * /
background：-o-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100 ％）; / * Opera 11.10+ * /
background：-ms-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * IE10 + * /
background：linear-gradient（to bottom，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * W3C * /
filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃fefefd'，endColorstr ='＃aebf76'，GradientType = 0）; / * IE6-9 * /
border：1px solid＃000000;
height：440px;
}
#newbuttonbar {
background：rgb（180,221,180）; / *旧的浏览器* /
/ * IE9 SVG，需要'过滤器'为'none'* /
背景条件覆盖：网址（数据：图像/ SVG + XML; BASE64，PD94bWwgdmVyc2lvbj0iMS4wIiA / Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI + CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ + CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc +）;
background：-moz-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1）33％，rgba（0,138,0， 1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * FF3.6 + * /
background：-webkit-gradient（linear，left top，left bottom，color-stop（0％，rgba（180,221,180,1）），color-stop（17％，rgba （131,199,131,1）），色停（33％，rgba（82,177,82,1）），色停（67％，rgba（0,138,0,1）），色停（83％，rgba 0,87,0,1）），色停（100％，rgba（0,36,0,1）））; / * Chrome，Safari4 + * /
background：-webkit-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1） ，rgba（0,138,0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * Chrome10 +，Safari5.1 + * /
background：-o-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1 ）33％，rgba（0,138,0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * Opera 11.10+ * /
background：-ms-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1） ，rgba（0,138,0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * IE10 + * /
background：linear-gradient（to bottom，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1）33％，rgba ，0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）。 / * W3C * /
filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃b4ddb4'，endColorstr ='＃002400'，GradientType = 0）; / * IE6-8 * /
}
（此处演示）
现在我将其复制到我的视觉工作室和跑了。令我失望的是，我发现我根本看不到 newbuttonbar 。我问firebug，他们告诉我没有定义 newbuttonbar 。
即使不应用样式，仍然显示在Firebug CSS控制台
最后，我发现原因是这样的。 （我不知道这是否正确）
CSS编辑器抱怨 newmainblock 是
在样式规则中的选择器后缺少开头大括号（{）'
所以它省略了 newmainblock 之后的标签。即 newbuttonbar 。所有其他样式都被考虑在内。为什么会发生，我做错了什么以及如何纠正它？
在我的ASP.NET生成页面的一个不相关的sidenote DTD以及我的小提琴是XHTMl1。 0
解决方案
在关闭大括号后的CSS中有一些无效字符。你的代码编辑器不显示它们。尝试Chrome中的网页，然后打开网络检查器（F12）。切换到资源或来源选项卡，并看看你的CSS。
以下是固定的CSS：
.newmainblock {
background：rgb（254,254,253）; / *旧浏览器* /
background：-moz-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * FF3.6 + * /
background：-webkit-gradient（linear，left top，left bottom，color-stop（0％，rgba（254,254,253,1）），color-stop（42％，rgba （220,227,196,1）），色停（100％，rgba（174,191,118,1）））; / * Chrome，Safari4 + * /
background：-webkit-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * Chrome10 +，Safari5.1 + * /
background：-o-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100 ％）; / * Opera 11.10+ * /
background：-ms-linear-gradient（top，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * IE10 + * /
background：linear-gradient（to bottom，rgba（254,254,253,1）0％，rgba（220,227,196,1）42％，rgba（174,191,118,1）100％ / * W3C * /
filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃fefefd'，endColorstr ='＃aebf76'，GradientType = 0）; / * IE6-9 * /
border：1px solid＃000000;
height：440px;
}
#newbuttonbar {
background：rgb（180,221,180）; / *旧的浏览器* /
/ * IE9 SVG，需要'过滤器'为'none'* /
背景条件覆盖：网址（数据：图像/ SVG + XML; BASE64，PD94bWwgdmVyc2lvbj0iMS4wIiA / Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI + CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8 + CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ + CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc +）;
background：-moz-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1）33％，rgba（0,138,0， 1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * FF3.6 + * /
background：-webkit-gradient（linear，left top，left bottom，color-stop（0％，rgba（180,221,180,1）），color-stop（17％，rgba （131,199,131,1）），色停（33％，rgba（82,177,82,1）），色停（67％，rgba（0,138,0,1）），色停（83％，rgba 0,87,0,1）），色停（100％，rgba（0,36,0,1）））; / * Chrome，Safari4 + * /
background：-webkit-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1） ，rgba（0,138,0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * Chrome10 +，Safari5.1 + * /
background：-o-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1 ）33％，rgba（0,138,0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * Opera 11.10+ * /
background：-ms-linear-gradient（top，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1） ，rgba（0,138,0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * IE10 + * /
background：linear-gradient（to bottom，rgba（180,221,180,1）0％，rgba（131,199,131,1）17％，rgba（82,177,82,1）33％，rgba ，0,1）67％，rgba（0,87,0,1）83％，rgba（0,36,0,1）100％）; / * W3C * /
filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃b4ddb4'，endColorstr ='＃002400'，GradientType = 0）; / * IE6-8 * /
}
Programming in ASP.NET 4.0 and I thought I would start with CSS3 on one of my client site.
I first made a fiddle which worked beautifully. Styles used in the fiddle are
.newmainblock{
background:rgb(254,254,253) ; /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,253,1) 0%, rgba(220,227,196,1) 42%, rgba(174,191,118,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,253,1)), color-stop(42%,rgba(220,227,196,1)), color-stop(100%,rgba(174,191,118,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#aebf76',GradientType=0 ); /* IE6-9 */
border: 1px solid #000000;
height: 440px;
}
#newbuttonbar {
background: rgb(180,221,180); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,221,180,1)), color-stop(17%,rgba(131,199,131,1)), color-stop(33%,rgba(82,177,82,1)), color-stop(67%,rgba(0,138,0,1)), color-stop(83%,rgba(0,87,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-8 */
}
( Demo here )
Now I copied that to my css inside my visual studio and ran it. To my dismay I found that I could not see a newbuttonbar at all. I asked firebug and they told me there is no newbuttonbar defined at all.
Also even though the style is not applied its still displayed in Firebug CSS console
At last I found the reason as this. ( I am not sure if this is correct )
The CSS editor complains that newmainblock is
missing an opening brace '({)' after the selector in the style rule
So it omits the tag that just comes after newmainblock. That is newbuttonbar. All the other styles are taken into account. Why this happens, what am I doing wrong and how to correct it?
On an unrelated sidenote DTD of my ASP.NET generated page as well as my fiddle is XHTMl1.0
解决方案
There are some invalid characters in your CSS after the closing curly braces. Your code editor just isn't showing them. Try the page in Chrome, then open the web inspector (F12). Switch to the "Resources" or "Sources" tab and take a look at your CSS. You'll see what I mean.
Here's the fixed CSS:
.newmainblock{
background:rgb(254,254,253) ; /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,253,1) 0%, rgba(220,227,196,1) 42%, rgba(174,191,118,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,253,1)), color-stop(42%,rgba(220,227,196,1)), color-stop(100%,rgba(174,191,118,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,254,253,1) 0%,rgba(220,227,196,1) 42%,rgba(174,191,118,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#aebf76',GradientType=0 ); /* IE6-9 */
border: 1px solid #000000;
height: 440px;
}
#newbuttonbar {
background: rgb(180,221,180); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,221,180,1)), color-stop(17%,rgba(131,199,131,1)), color-stop(33%,rgba(82,177,82,1)), color-stop(67%,rgba(0,138,0,1)), color-stop(83%,rgba(0,87,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-8 */
}
这篇关于在样式规则中的选择器后面缺少开口大括号（{）'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
