CSS3 - Selectors

Já ouviu fala em Seletores? Bastante útil e economiza código! Selectors, como é chamado, está disponivel no CSS3. O IE9 já dá suporte. Veja como é simples:

[id^=”body”] – Atribui as propriedades de CSS a elementos que comecem com a substring “body”;

E[id$=”body”] - Atribui as propriedades de CSS a elementos que terminem com substring “body”;

E[id*=”body”] - Atribui as propriedades de CSS a elementos que contenham a substring “body”.

Ficaria assim:

CSS3

div[id^="corpo"] { background:#00CC00; }
div[id$="meio"] { background:#ff0; }
div[id*="rod"] { background:#99FFCC; }

Implemente algumas tags HTML5 com estes ids e teste.

Att,
Willon Félix
WIKICODE | SetorComercialSul.com | Cartão Fácil DF