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

Question

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

处于选中状态时，文本应为白色。

    .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（最后优先）的属性中，情况恰恰相反。 您的其他课程之一要优先于您选择的课程。