Html @-firefox中未呈现moz文档url前缀()

Html @-firefox中未呈现moz文档url前缀(),html,css,firefox,jetty,Html,Css,Firefox,Jetty,我已经为firefox指定了以下CSS .bill-tab-button { width: 33.3%; height: 100%; float: left; border-left: 1px solid rgb(197, 196, 196); border-bottom: 1px solid rgb(197, 196, 196); box-sizing: border-box; font-family: MyriadProReg;

我已经为firefox指定了以下CSS

.bill-tab-button {
    width: 33.3%;
    height: 100%;
    float: left;
    border-left: 1px solid rgb(197, 196, 196);
    border-bottom: 1px solid rgb(197, 196, 196);
    box-sizing: border-box;
    font-family: MyriadProReg;
    cursor: pointer;
}

.bill-tab-fixed-width {
    width: 105px;
}

.bill-tab-button-selected {
    border-bottom: 2px solid red;
    box-sizing: border-box;
    color: #b83709;
    border-left: none;
}

.bill-tab-button span {
    padding: 3px;
    vertical-align: -3px;
}

/* Firefox Specific CSS Styling */

@-moz-document url-prefix (){
    .bill-tab-button { 
        width:33.2%;
        height: 90%;
        float: left;
        border-left: 1px solid rgb(197, 196, 196);
        border-bottom: 1px solid rgb(197, 196, 196);
        box-sizing: border-box;
        font-family: MyriadProReg;
    }

    .bill-tab-fixed-width {
        width: 104.0px;!important
    }

    .bill-tab-button-selected {
        border-bottom: 2px solid red;
        box-sizing: border-box;
        color: #b83709;
        border-left: none;
    }
}
当我在没有服务器(jetty)的情况下测试它们时,CSS得到了完美的呈现!我将此CSS用于SpringWeb应用程序,并使用jetty作为服务器。当我运行应用程序时,浏览器呈现默认CSS,而不是特定于firefox的CSS


是否存在与URL前缀冲突的内容。请帮帮我

CSS根本不应该呈现,因为
url前缀
()
之间有一个不应该存在的空格。您需要将其删除,或者至少将其移到
()
之外。我还看到一个错位的
!重要的
,它似乎可以安全地完全省略,或者如果没有,它应该出现在
之前

@-moz-document url-prefix() {
    .bill-tab-button { 
        width:33.2%;
        height: 90%;
        float: left;
        border-left: 1px solid rgb(197, 196, 196);
        border-bottom: 1px solid rgb(197, 196, 196);
        box-sizing: border-box;
        font-family: MyriadProReg;
    }

    .bill-tab-fixed-width {
        width: 104.0px !important;
    }

    .bill-tab-button-selected {
        border-bottom: 2px solid red;
        box-sizing: border-box;
        color: #b83709;
        border-left: none;
    }
}

如果这仍然不能解决问题,那么其他问题就错了。您需要根据评论中的问题提供更多信息。

请在您的问题中包括以下内容:项目的
WEB-INF/WEB.xml
副本、css路径(例如:
/css/main.css
),以及尝试在浏览器中仅获取css的结果(例如:
http://localhost:8080/myapp/css/main.css