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 li {background-color: black; 
        color: silver}

div li  {color: aqua; 
         background-color: navy}

Resultado do Navegador