Parece ser que los navegadores actuales por ahora no dan soporte para recoger un atributo de html en css de la forma que viene en la especificación, he pensado en hacerlo por javascript pero por ahora no tengo claro como desarrollarlo, gracias
Código HTML:
[data-row] {display:table; margin:0 auto; width: attr(data-row px);}
Código HTML:
<!DOCTYPE html>
<html lang='es'>
<head>
<meta charset='UTF-8'>
<title>Document</title>
<style>
[data-row] {display:table; margin:0 auto;}
[data-row*='960'] {width: 960px;}
[data-col] {display:table-cell; vertical-align:top; padding:0 5px;}
</style>
</head>
<body>
<div data-row='960'>
<div data-col>
prueba
</div>
<div data-col>
prueba
</div>
</div>
</body>
</html>