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

时间:2012-12-21 19:42:02

标签: css list colors sencha-touch-2

我的列表加载数据,工作正常,所有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;
    }

enter image description here

1 个答案:

答案 0 :(得分:1)

当你使用!important时,第一个属性优先于其他属性!在页面中更重要!相反的是属性的情况,其中!important不使用(last优先)。您的其他课程之一优先于您选择的课程。