2

我正在尝试使用 Firefox 27.0.1 中的 Stylish为该页面编写用户样式。我到目前为止的样式表是：

@-moz-document domain("www.hitbox.tv") {

/***** Change stream area colours *****/
.meta, /* title and tabs */
.userContent.cf /* share buttons */
{
    background: none !important; /* remove white gradient */
    background-color: #000 !important;
    color: #AAA !important;
    border-bottom: none !important; /* remove white separator */
}

.title, /* stream title */
.hover, /* tabs and buttons below title */
.profile *  /* profile text */
{
    color: #AAA !important;
}

.btns .active /* currently selected tab */
{
    color: #484 !important;
}

button {
    background:    #000 !important;
    color:         #AAA !important;
    border-top:    2px #AAA solid !important;
    border-right:  2px #AAA solid !important;
    border-bottom: 2px #888 solid !important;
    border-left:   2px #888 solid !important;
}


/***** Push video down the page *****/
.player {
    padding-top: 100px !important;
}

/***** Make video occupy all available space *****/
#player {
    width: 100% !important;
    /* height: 100% !important; */
}


} /* @-moz-document */

问题在于最后一条规则，它应该会影响流标题下方的“关注”按钮。（在我的例子中，它是一个“跟随”按钮，但无论哪种方式，规则都会对其产生影响。）应用于它的样式都没有任何效果。但是，如果我注释掉任何一种“边框”样式，其他的（包括“背景”和“颜色”）就会突然起作用。简单地指定border: 2px #AAA solid !important;也会导致整个规则被忽略。这里发生了什么？

4

0 回答 0