Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

joaom.dutra

Preenchendo elemento pai com propriedades do filho.

Por , em Desenvolvimento frontend

Recommended Posts

joaom.dutra    0

joaom.dutra
Postado

Galera, Boa tarde! É possivel, apenas utilizando CSS, preencher o elemento pai com as propriedades do elemento filho?

Montei um código (abaixo) onde soluciono com jquery, mas gostaria de saber se é possivel apenas com CSS?

 

<html>
	<head>
		<title>Teste - Elemento Pai</title>
		<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("a").parents("td").css({"background": "red", "color": "#fff"});
			});	
		</script>
		<style>		
		.tam{
			width: 200px;
			height 100px;
			border: 2px solid #000;
		}		
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td class="tam"><a>True</a></td>
			</tr>
			<tr>
				<td class="tam">False</td>
			</tr>
		</table>
	</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito