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: maroon; 
      color: white}


ul li {background-color: black; 
        color: silver}

ol li  {color: yellow; }

Resultado do Navegador