CSS3 combinando selectores con OR en lugar de AND
Dado este selector:
body[class*="page-node-add-"][class~="page-node-edit"] {background:red;}
Coincidirá con un cuerpo que tiene una clase que contiene una subcadena depage-node-add- Y una clase que es exactamentepage-node-edit
Me gustaría decir que coincida la primera O la segunda (pero no ambas). ¿Es posible?
El problema con el uso de una coma:
Si tengo un selector largo como:
body[class*="page-node-add-"] form.node-form > .field-type-field-collection > table > thead tr th,
body[class~="page-node-edit"] form.node-form > .field-type-field-collection > table > thead tr th
{...}
Ese es un dolor que hubiera pensado que CSS3 remediaría eso, me estaba imaginando algo como:
body([class*="page-node-add-"]):or([class~="page-node-edit"]) {background:red;}
Gracias