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

#css #html #article

#css #HTML #Статья

Вопрос:

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

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

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

 article > p {
  font: 15px;
}
  

И:

 article p {
  font: 15px;
}
  

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

Ответ №1:

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

 article p {
    font: 15px Arial;
}
  

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

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