登录 | 注册 | FAQ
Anonymous

Change table cell highlight for first 3 rows

+ 发表回复

1 篇帖子 分页: 1 / 1


Change table cell highlight for first 3 rows

daverich » 周四 2月 23, 2017 10:11 am

Hello friends!
I have this table with row highlighting – it highlights the rows in different colours (first 3 in dark and later in blue). I wonder If I can also change the table cell highlight to yellow for the first three rows and keep the rest as it is now?
Here is the style:

代码: 全选
<style>
body {
    background-color: #0D0D0D;
}

tr:hover{
   background: #0000F7;
   color: rgb(102,102,102);
}


tr:hover td{
  background: transparent !important;
}

tr td:hover {
   background-color: #609 !important;
}

tr:nth-child(1):hover {
    background-color: #292C31;
}

tr:nth-child(2):hover {
    background-color: #292C31;
}
tr:nth-child(3):hover {
    background-color: #292C31;
}

a {
   color:#BFBFBF !important;   
}

a {
text-decoration:none !important;
}


</style>



And the file itself:
https://jsfiddle.net/33bxg04e/

Thanking you!)
Dave
头像

daverich

  • 帖子: 4
  • 注册: 周六 1月 28, 2017 8:25 am


+ 发表回复

分页: 1 / 1