css - 属性セレクターおよび疑似要素との Webkit ブラウザーの非互換性?

Question

重複の可能性:
CSS 属性と疑似要素セレクターを組み合わせますか?

http://jsfiddle.net/BC3Td/

これを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/

Answer 1

Webkit 選択のバグのようです。ただし、要素が直接選択されている場合、疑似セレクターは機能します (ここでは効果的な no op が使用されています)。

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