Pinceladas da Web

Muitas pessoas já trabalham dessa forma, mas muitas ainda não tem o costume de trabalhar assim, mas como funcionam os seletores de contexto em CSS? Basicamente funciona da seguinte forma: Você pode definir seletores que só serão aplicados se estiverem no contexto de um outro seletor, não fui bem claro? Peguemos um exemplo:

p.verde em { color: #000040; }

O que aconteceria na regra acima é que todo em, filhos de p com a classe verde terão as sua cores alteradas. A declaração também pode ser mais longa. Vejam outro exemplo:

.chefe p ul ul li a.classex:visited { font-style: italic; }

Acima podemos ver que apenas os links visitados da “classex”, que estejam dentro de listas de segundo nível, situados dentro de um parágrafo, e dentro de um bloco qualquer da classe “chefe”, serão mostrados em itálico.

Seletores de contexto seriam basicamente isso. Aproveite também e pesquise, pratique, pois só a prática leva a perfeição.