Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/04/2017, 19:08
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Pregunta ¿Hay forma de evitar los nth-child en Display:Grid; en IE / EDGE?

Código HTML:
<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Grid</title>
    <style type="text/css">
      .grid {display:-ms-grid; -ms-grid-columns: 1fr 1fr 1fr;}
      .grid>*{height:1em; outline:1px solid red;}
      .grid>*:nth-child(1){-ms-grid-column: 1;}
      .grid>*:nth-child(2){-ms-grid-column: 2;}
      .grid>*:nth-child(3){-ms-grid-column: 3;}
    </style>
  </head>
  <body>
    <div class="grid">
      <div></div>
      <div></div>
      <div></div>
    </div>
  </body>
</html> 

Última edición por quico5; 25/04/2017 a las 19:16