How to manage opacity of element INSIDE table row on HOVER this row?


Tags: html,css,table,hover

Problem :

I want to make on my simple site next feature. I have table where data is placed.

<tr><td>some data<label>edit</label> <label>delete</label></td><td>some data</td></tr>

I want next: Text in label is invisible normaly, but when I hover TABLE ROW (not label exactly) all labels in this row become visible.

I know how to do this on HOVER LABEL (all what I need it to add style for table > tbody > tr> td > label : hover and style for same, but without hover), but what I have to do to make this feature?

Thank you.

update (solved): css:

.table tbody > tr > td label{
    opacity: 0;
}

.table tbody > tr > td:hover  label{
    opacity: 1;
}


Solution :

use this:

jsFiddle

.table tbody > tr > td:hover > label{
    opacity: 1;
}

    CSS Howto..

    CSS how to center ::after pseudo elem

    CSS - How to show only a % of the top div with two identicals divs stacked over each other

    Customizing Clockdown.js to Show only Minutes and Seconds

    How can I put a div block below another lined up vertically when they are touch and are on the same line?

    How to display a long link in multiple lines via CSS?

    How to limit width of

    -

    tag by length of content

    Can't make any different fonts show up on website with @font-face or google fonts

    How to access dynamic controls having same properties in the Javascript

    How to stop the css attribute font-size to get override from external style sheet universal selector

    How to move a div horizontal then vertical using css animation?

    How do I add line-height to a