Gracias por responder Alexis88
Supongo que el siguiente código es parte de lo que necesito
Código:
celdaActual = document.querySelectorAll(data-celda);
veamos, pare del CSS es así:
Código HTML:
<style>
[data-fila] {display:table; margin:0 auto; width:100%;}
[data-fila='800'] {max-width: 800px;}
[data-fila='960'] {max-width: 960px;}
[data-celda] {display:table-cell; vertical-align:top; padding:0 10px;} [data-data-celda='1/3'] {width:33.3333%;}
[data-celda='2/3'] {width:66.6666%;}
[data-celda='1/4'] {width:25%;}
[data-celda='3/4'] {width:75%;}
[data-celda='1/5'] {width:20%;}
[data-celda='2/5'] {width:40%;}
[data-celda='3/5'] {width:60%;}
[data-celda='4/5'] {width:80%;}
</style>
<div data-fila='960'>
<div data-celda='1/5'>prueba1</div>
<div data-celda='3/5'>prueba0</div>
<div data-celda='1/5'>prueba2</div>
</div> No se si me he explicado correctamente, pero creo que puedo sustituir gran parte del css por js, de tal forma que si tenemos un data-celda="3/5" automáticamente que herede un width="(100*(3/5))%"
Al igual que su contenedor padre -> width="(960)px"
P.D: ¿el prefijo DATA- es solo una recomendación visual o es algo más?