Question

我有一个简单的子选择器，在IE9中无法识别。如果我尝试使用以下“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/

我一直在玩doctype声明和CSS重置而没有运气。

有什么想法吗？

谢谢！

Answer 1

你需要尊重＆＃34;先进先出＆＃34;规则。您的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。这段代码应该有用，但这是你想要的功能吗？

IE9中无法识别简单子选择器

1 个答案: