5
Next, I have 2 tables, the items in the second table have Hover. I need to mouse 1 item of the first table and it activates the Hover of the respective item of table 2, but I can’t pull the same id or class because I don’t want to pull effects to table 1, I just want to activate the effects of Hover in table 2.
Each table has between 8 and 32 data, 1 = 1, 2 = 2, each time you mouse item 1 of the first table, it activates the Hover in item 1 of table 2
<table class="table table-bordered table-hover ">
<tr>
<th style="width: 10px">#</th>
<th>Posição do Pneu</th>
<th>Pressão Atual</th>
<th>Temperatura Atual</th>
<th>Status</th>
</tr>
</table>
<table style="width:100%">
<tr>
<td>
<div style="height:300px; width:100px;">
</div>
</td>
<td>
<div style="height:20px;"></div>
<input id="sampleButtonDiv" type="button" value="2">
</td>
</tr>
</table>
<style>
#sampleButtonDiv
{
background: rgb(28, 184, 65);
border: none;
width:30px;
height:40px;
}
#sampleButtonDiv:hover
{
background: #000;
border: none;
width:30px;
height:40px;
}
</style>
any problems using jQuery for example? If it can user, it’s super easy...
– balexandre
Can you put the complete code of both tables? And as @balexandre mentioned, using javascript will make your problem a lot easier. If you have two tables, and you want the Hover in the children of one to change the states of the children of the other, CSS alone does not solve
– Caio Felipe Pereira