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

Question

可能重复：
结合 CSS 属性和伪元素选择器？

http://jsfiddle.net/BC3Td/

我已经在 firefox 和 opera 中对此进行了测试，没有任何问题，但是 chrome、safari 和 mobile safari 都忽略了第二个伪元素 css 并默认为第一个，谁能解释这里发生了什么？

以及如何在不添加类/ID的情况下实现这一点？

回答：

这是一个 webkit 的 bug，修复比较简单，如果你添加下面的 css（或任何纯涉及（非伪）元素的 css 规则，它就会自行修复。

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

多么奇怪？

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

Answer 1

听起来像是 Webkit 选择中的错误。但是，如果也直接选择了元素，则伪选择器确实有效（此处使用了有效的 no op）：

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