css - IE9 无法识别简单子(monad)选择器

Question

我有一个在 IE9 中无法识别的简单子(monad)选择器。如果我尝试使用以下“doubleparagraphlink”链接，就会发生这种情况:

HTML

<div id="block">
    <p><a href="url">Text 1</a></p>
    <p><a href="url">Text 2</a></p>
    <p><a href="url">Text 3</a></p>
    <p><a href="doubleparagraphlink">Text 4.1</p>
    <p>Text 4.2</a></p>
    <p><a href="url">Text 5</a></p>
</div>

CSS

#block > p {
    padding: 0.875em 0 0 0;
    text-align: left;
    background: cyan;
}
#block > p:first-of-type {
    padding: 0;
    background:yellow;
}

请检查结果:http://jsfiddle.net/Jamesss/e5hscL7h/8/

我一直在玩文档类型声明和 CSS 重置，但运气不佳。

有什么想法吗？

谢谢!

Answer 1

您需要遵守“先进后出”规则。你的doubleparagraphlink <a>正在破坏其容器父级 <p> .

<div id="block">
    <p><a href="url">Text 1</a></p>
    <p><a href="url">Text 2</a></p>
    <p><a href="url">Text 3</a></p>
    <p><a href="doubleparagraphlink">Text 4.1</a></p>
    <p><a href="doubleparagraphlink">Text 4.2</a></p>
    <p><a href="url">Text 5</a></p>
</div>

我假设您只是希望两个部分都指向 doubleparagraphlink .这段代码应该可以工作，但这是您想要的功能吗？