html - How to make the same hover like the other tr's -

html - How to make the same hover like the other tr's -

i'm having problem don't understand. want same hover tr's, right 1 hover working on cell b

somebody can explain me, error?

this hover css:

.table-hover tr:hover, .table-hover tr td:hover { background-color: #595959!important; color: #fff; font-style: italic; }

http://jsfiddle.net/luiggi/ur22x/3/

working demo

your problem this:

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{ background-color: #f9f9f9!important; }

your style didn't overwrite this, notice in fiddle changed:

.table-hover tr td:hover

to this:

.table-hover tr:hover td

because want alter td's under :hovered tr.. right?

html css table