English | Português | >> По-русски <<ZVON > Tutorials > CSS tutorial
>> Пример 6 << | Предыдущий | Следующий | Содержание

Описание

Если список селекторов не разделен запятыми, то он имеет совсем другой смысл и определяет контекстуальные селекторы. Он определяет свойства элементов, содержащихся в последнем упомянутом селекторе, если этот селектор находится внутри элементов, определенных в предыдущих селекторах.

1 | >> 2 << | 3
Исходный HTML документСтилевая 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}

Выход браузера