css - 除了一个属性外，所有在 Sencha Touch 2 列表中工作的 CSS

Question

我的列表加载数据，工作正常，所有 CSS 都应用于每个 Cls，但我有 .ListSelected 类的 SelectedCls 中的字体颜色除外。

选中状态下文本应为白色。

    .ListNormal {
        background: #f7f7f7;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #024059 !important;
        text-shadow: 0px 0px 0px #000000;
    }

    .ListPressed {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #024059 !important;
        font-weight: bold;
        text-shadow: 0px 0px 0px #000000;
        -webkit-box-shadow: inset 0px 1px 0px #ffffff;
        background: #b6e1ff;
    }

    .ListSelected {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #ffffff !important;
        font-weight: bold;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1ca1ff), to(#0081dc));
        -webkit-box-shadow: inset 0px 1px 0px #b1dfff;
    }

Answer 1

当您使用 !important 时，第一个属性优先于工作表中更靠下的带有 !important 的其他属性。相反的情况是不使用 !important 的属性(last 优先)。您的其他类(class)之一优先于您选择的类(class)。