css - 修改元素的属性，但仅当它位于 CSS 中的其他元素内时

Question

我的页面结构如下所示:

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

我想修改 p仅当它位于 <article> 内时.我试过了

article > p {
  font: 15px;
}

和:

article p {
  font: 15px;
}

但是它们都不起作用:(我该怎么做？

Answer 1

您的选择器是正确的。问题是当你使用 shorthand font property ，您可以指定的最小值为 font-size 和 font-family:

article p {
    font: 15px Arial;
}

请注意，您的第二个示例使用了子选择器，我认为 IE6 不支持它，因此我建议使用第一种格式。

这是一个 working example以上。