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 dd ul li, div ol li {background-color: red; 
                    color: blue}

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