将选定的行颜色添加到备用剑道网格 CSS

Question

我有一个剑道网格，它包含不同颜色的行。我正在尝试将行选定的颜色添加到备用行，如1,3,5,7 ....由于行2,4,6,8 ...所选颜色工作正常，但选择备用行时，它不会显示选择的颜色，我相信我可能留下了一些找不到的东西，请告诉我我错过了什么

CSS 代码

这是所有行的 css

.k-grid-content > table > tbody > tr 
{
background:rgba(63,193,192, 0.1);
/*opacity:0.8;*/
filter:Alpha(opacity=50); /* IE8 and earlier */
border:1px solid white;
color:#494949;   

cursor:pointer;
transition:color 1s ease;
transition:background 1s ease; 
}

此 CSS 用于备用行

.k-grid-content>table>tbody>.k-alt
{
   background:rgba(63,193,192, 0.2);   
    filter:Alpha(opacity=50); /* IE8 and earlier */    
}

这适用于选定的行（仅适用于备用行）

.k-grid table tr.k-state-selected
{
background: #22B99F;

 }

下面是描述问题的图片

Answer 1

假设您的问题，这里是example

问题在于您的 css 文件。备用行不起作用，因为（我认为）你已经写了

.k-grid table tr.k-state-selected
{
    background: #22B99F;
}

.k-grid-content>table>tbody>.k-alt
{
   background:rgba(63,193,192, 0.2);   
   filter:Alpha(opacity=50); /* IE8 and earlier */    
}

此处交替行的样式将覆盖所选行的样式，因此请尝试在.k-grid-content>table>tbody>.k-alt 之后指定所选行的颜色 那是

.k-grid-content>table>tbody>.k-alt
{
   background:rgba(63,193,192, 0.2);   
   filter:Alpha(opacity=50); /* IE8 and earlier */    
}

.k-grid table tr.k-state-selected
{
    background: #22B99F;
}

这里是solution