styles-atributeselector.css

*{
    margin: 0;
    padding: 0;
}

.pai .um +.dois{
    color: red;
}
/*
*= linka com algo em qualquer lugar da url.
*= linka com algo em qualquer lugar da url, indepente de ser maiusculo ou minusculo.

$= Representa um elemento com um atributo de nome attr que tem como sufixo (seguido) por value. ex  href*=".org"

^= # links começam com #

 */ 
 
 /* Todas divs com um atributo `lang` em negrito.
div[lang] { font-weight: bold; }
/* Todas divs com US English em azul (blue). */
/* div[lang~="en-us"] { color: blue; } */
/* Todas divs onde Portuguese esta em verde (green). */
/* div[lang="pt"] { color: green; } */
/* Todas divs onde Chinese esta em vermelho (red), Simplificado para (zh-CN) ou tradicional (zh-TW). */
/* div[lang|="zh"] { color: red; } */
/* Todas divs com Traditional Chinese `data-lang` que é purple. */
/* Nota: Você também poderia usar atributos separados por hífen com aspas duplas */
/* div[data-lang="zh-TW"] { color: purple; } */