重複の可能性:
CSS 属性と疑似要素セレクターを組み合わせますか?
これをfirefoxとoperaでテストしましたが、問題はありませんが、chrome、safari、mobile safariはすべて2番目の疑似要素cssを無視し、最初の疑似要素にデフォルト設定されています。
クラス/ IDを追加せずにこれをどのように達成できますか?
答え:
これは webkit のバグです。修正は比較的簡単です。次の css (または純粋に (非擬似) 要素を含む css ルールを追加すると、それ自体が修正されます。
#test-div a[href*="tel"],
#test-div a[href*="mail"] { display:block; }
どのように奇妙ですか?
更新された (動作中の) フィドルはこちら: http://jsfiddle.net/BC3Td/3/