English | >> Português << | По-русскиZVON > Tutorials > CSS tutorial
>> Exemplo 6 << | Anterior | Próximo | Conteúdos

Descrição

Se a lista de selectores não estiver separada por vírgulas, tem um significado completamente diferente: especifica selectores contextuais. Afecta elementos que sejam iguais ao selector mencionado em último lugar se estiver dentro de elementos especificados por selectores anteriores.

Case 1 | Case 2 | >> Case 3 <<
Documento HTMLfolha de estilos CSS

<dl>
<dt>A list:</dt>
<dd>
     <ul>
          <li>item 1</li>
          <li>item 2</li>
     </ul>
</dd>
</dl>
<div> And another one:
<ol>
     <li>ordered item 1</li>
     <li>ordered item 2</li>
     <li>ordered item 3</li>
</ol>
</div>
body {background-color: white; 
      color: black}


dl dd ul li, div ol li {background-color: red; 
                    color: blue}

Resultado do Navegador