Preenchendo elemento pai com propriedades do filho.

joaom.dutra · Agosto 6, 2015

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>

Entrar

Arquivado

Preenchendo elemento pai com propriedades do filho.

Recommended Posts

joaom.dutra 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante