Quiero implementareste ejemplo de lista de celdas Con una modificación. Quiero hacer que cada fila a un color gris una vez que alguien haga clic en él. Debe persistir allí, y no cambiar cuando el usuario haga clic en otra fila. Está bien si se ha ido una vez que se realiza una nueva llamada al servidor. Estoy haciendo esto para marcarlo como un 'mensaje leído' para el usuario. ¿Alguna pista?

Anulé (actualicé) el estilo css de cellList como se muestra a continuación, pero al inspeccionar no veo que se aplique el estilo 'myCss'.

CellListStyles.css

@external .dataView-cellListWidget;
@external .dataView-cellListEvenItem;
@external .dataView-cellListOddItem;
@external .dataView-cellListKeyboardSelectedItem;
@external .dataView-cellListSelectedItem;

.dataView-cellListWidget{}
.dataView-cellListEvenItem{}
.dataView-cellListOddItem{}
.dataView-cellListKeyboardSelectedItem{}
.dataView-cellListSelectedItem{} 


.dataView-cellListWidget {

}

@external .dataView-cellListEvenItem .myCss{
    background-color: aqua;
}

@external .dataView-cellListOddItem .myCss{
    background-color: aqua;
}

.dataView-cellListEvenItem,.dataView-cellListOddItem {
    cursor: pointer;
    padding: 2px 5px;
    zoom: 1;
}

@external .dataView-cellListKeyboardSelectedItem .myCss{
    background-color: red;
}
.dataView-cellListKeyboardSelectedItem {
    background: #ffc;
}

.dataView-cellListSelectedItem {
    background-color: #FFCBC1;
    color: #121212;
    height: auto;
    overflow: visible;
}