Publicado em 12 de ago.

Seletor CSS para elementos anteriores

#css #desenvolvimento-frontend #html #seletor

Olá.

Gostaria de saber se existe algum seletor CSS que se refira a um elemento anterior ao desejado.

<th class="campo01"></th> <td class="campo02"></td>
<th class="campo01"></th> <td class="campo02"></td>

	Eu queria que na hora que passa-se o mouse em cima do <td> o <th> anterior a ele mudasse de cor. Eu consegui fazer isso com JavaScript mas gostaria de saber se existe algum jeito de fazer isso só com CSS.

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

luiz14· 12 de ago.

Utiliza o :hover. Por exemplo:

td:hover th{

	color: red;

	}

lvsis· 13 de ago.

Não deu certo colega.

BonnerUnit· 13 de ago.

<table>
<th class="campo01">Oi</th> <td class="campo02">Hover</td>
<th class="campo01">Oi</th> <td class="campo02">Hover</td>
</table>

.campo02:hover ~ .campo01 {

 background-color: red;
}

lvsis· 13 de ago.

Ainda não deu certo mas achei outra solução.

cell:hover{

 background-color: red;
}

	 

	Valeu pelas dicas