Webkit浏览器与属性选择器和伪元素不兼容？

Question

  

可能重复：
  Combine CSS Attribute and Pseudo-Element Selectors?

http://jsfiddle.net/BC3Td/

我已经在firefox和opera中测试了这个并没有问题，但是chrome，safari和mobile safari都忽略了第二个伪元素css而默认为第一个，有人可以解释这里发生的事情吗？

如何在不添加class / id的情况下实现这一目标？

解答：

这是一个webkit错误，修复相对简单，如果添加以下css（或任何纯粹涉及（非伪）元素的css规则，它将自行修复。

#test-div a[href*="tel"],
#test-div a[href*="mail"] { display:block; }

有多奇怪？

更新（工作）小提琴在这里：http://jsfiddle.net/BC3Td/3/

Answer 1

听起来像是Webkit选择中的一个错误。如果直接选择元素，则伪选择器也可以工作（这里使用的是有效的无操作）：

http://jsfiddle.net/BC3Td/2/