Выбор дочерних элементов, но НЕ внуков

У меня есть следующий, упрощенный, код:

<div id="content">
    <p>text</p>

    <div id="container">
        <div id="col1">
            <p>text</p>
        </div>
        <div id="col2">
            <p>text</p>
        </div>
    </div>

    <p>text</p>
    </div>
</div>

Всякий раз, когда я устанавливаю некоторые значения для элемента #content p в файле CSS, изменения также применяются к #col1 p и #col2 p.

Что я хотел бы сделать, так это выбрать только дочерние p элементы #content div и не выбирать внучатые p элементы.

Я представляю, что одним из способов сделать это было бы добавить класс к первым дочерним элементам и затем применить свойства через него.

Есть ли лучший способ сделать это в CSS2 или CSS3?