Fare işaretçisi tablo satırı üzerinde olduğunda tablo rengini değiştirme

Question

Bu kodu html5 tablosunun stilini ayarlamak için kullanıyorum. Fare işaretçisini tablo satırının üzerine getirdiğimde satır rengini nasıl değiştirebilirim. Tablo satırı üzerinde daha fazla fare işaretçisi olduğunda tablo rengini değiştirmek istiyorum.

.table th, 
.table td { 
    padding-left: 5px; 
    padding-right: 10px; 
    padding-top: 7px; 
    padding-bottom: 7px; 
} 

.new_table th, 
.new_table td { 
    padding-right: 40px; 
    padding-top: 7px; 
    padding-bottom: 7px; 
} 

.table th { 
    background-color: #eceef1; 
    padding-top: 5px; 
    padding-bottom: 5px; 
} 

Answer 1

Eğer :hover demek yapacak?

.table tr:hover { 
    background-color: red; 
} 

Answer 2

fare tablo satırının bittiğinde masaya da üzerindedir kendisi

table:hover{ 
    /* change table style */ 

} 
table tr:hover{ 
    /* change table row style */ 

} 

trick