Webkit瀏覽器與屬性選擇器和僞元素不兼容？

可能重複：
Combine CSS Attribute and Pseudo-Element Selectors?Webkit瀏覽器與屬性選擇器和僞元素不兼容？

我已經在Firefox和Opera測試這一點，並沒有任何問題，但鍍鉻，Safari和移動Safari瀏覽器都忽略第二僞元素的CSS和默認的第一個，任何人都可以闡明這裏發生的事情嗎？

如何在不添加類/標識的情況下實現這個功能？

答：

這是一個WebKit的漏洞，修復是比較簡單的，如果你添加下面的CSS（或涉及純（非僞）元素的任何CSS規則，然後它會自我修正。

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

如何怪異

updted（工作）小提琴在這裏：

來源

2012-09-21 Jai

什麼版本的Safari您使用的是：如果元素也直接然而，（這裏使用一個有效的無操作）選擇的psudeo選擇不工作？其他人在Chrome 17和Safari 5.1中觀察到不同的結果：http://stackoverflow.com/questions/8951822/combine-css-attribute-and-pseudo-element-selectors儘管這是一個WebKit的錯誤，但人們普遍認爲這是個問題。 – BoltClock

真的很奇怪的錯誤：\ – fcalderan

最新版本，我剛剛看到了答案，它提供了修復，我會考慮這個問題的答案，有人可以鏈接到另一個問題作爲重複？ – Jai

聽起來像Webkit選擇中的錯誤。

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

來源

2012-09-21 13:30:56

Webkit瀏覽器與屬性選擇器和僞元素不兼容？

回答

相關問題