Question

我使用CSS设置了一些列表项（li）。样式应用于li中的选择器。它适用于Chrome，IE和Safari，但不适用于Firefox：

<ul class="organisations">
   <li class="community-care"><a href="http://adviceglos.org.uk/organisation-type/community-care/" title="View all posts in Community Care" >Community Care</a></li>
</ul>

这是CSS：

ul.organisations li.community-care a {
background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#5CBCC4),color-stop(100%,#38939B));
background-image: -webkit-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: -moz-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: -o-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: -ms-linear-gradient(#5CBCC4 0,#38939B 100%);
background-image: linear-gradient(#5CBCC4 0,#38939B 100%);
background-color: #5CBCC4;
border: 1px solid #318188;
border-bottom-color: #245E63;
}

Answer 1

为这样的Firefox应用-moz：

background: -moz-linear-gradient(#BF698C 0px, #93506D 100%) repeat scroll 0 0 transparent;

Answer 2

样式表中存在语法错误。特别是，第529行是：

background-image: -o-linear-gradient((#eeeeee 0,#ccc 100%) !important;

请注意，你有一个比关闭paren更开放的paren。在符合规范的CSS解析器（不包括WebKit）中，这会导致UA将所有内容视为匹配的close paren，作为background-image值的一部分。在这种情况下，这是样式表的所有其余部分，因此忽略此点之后的所有规则。

进一步注意到Firefox确实在其错误控制台中报告了这个问题，这就是我找到它的方式......

Firefox li href CSS选择器

2 个答案: