Изменять свойства элемента, но только когда он внутри другого в CSS

Question

У меня есть структура страницы, которая выглядит следующим образом:

<article><p>Title</p></article>

Я бы хотел изменить p только тогда, когда он внутри <article>.Я пытался

article > p {
  font: 15px;
}

И:

article p {
  font: 15px;
}

Но ни один из них не работает :( Как мне это сделать?

Answer 1

Ваш выбор правильный. Проблема заключается в том, что при использовании свойства font можно указать минимальные значения font-size и font-family:

article p {
    font: 15px Arial;
}

Обратите внимание, что ваш второй пример использует дочерний селектор, который, я не думаю, поддерживается в IE6, поэтому я бы рекомендовал использовать первый формат.

Вот рабочий пример вышеупомянутого.