joaom.dutra Postado Agosto 6, 2015 Denunciar Share Postado Agosto 6, 2015 Galera, Boa noite! É 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> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wootzor Postado Agosto 7, 2015 Denunciar Share Postado Agosto 7, 2015 Aparentemente (ainda) não é possível fazer o que pretendes recorrendo apenas a CSS. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
joaom.dutra
Galera, Boa noite! É 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>Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.