CSS вопрос по фильтрованию
 

Помогите пожалуйста написать правильный селект для выборки дочерних элементов I, которые не вложены в P. Вот пример

<div id="main">
  <i>1</i>
  <p>
    <i>2</i>
  <p>
</div>

способом:

var main = document.getElementById('main');
var elements = main.querySelectorAll(.......);

элемент 2 не должен выбираться, пробовал :not(...), не пойму как написать.
Выборка от элемента main, как и метод querySelectorAll имеет ключевое значение.
Премного благодарен откликнувшимся.

_0_,:-?
main.querySelectorAll('> i');

main не может содержать в себе самого себя

рони, забыл исправить.

var elements = document.querySelectorAll("#main i");

Decode,
тогда все i найдёт

рони, точно, тогда надо так: #main > i

Decode,
:) :victory:

Это может я такой невезучий, то циклические зависимости, то казалось бы простая задача...