Question

Possible Duplicate:
Combine CSS Attribute and Pseudo-Element Selectors?

http://jsfiddle.net/BC3Td/

I have tested this in firefox and opera and there are no issues, however chrome, safari and mobile safari all ignore the second pseudo element css and default to the first, can anyone shed light on what is happening here?

and how can this be achieved without adding classes/id’s?

ANSWER:

This is a webkit bug, the fix is relatively simple, if you add the following css (or any css rule that involves purely the (non-pseudo) element then it will fix itself.

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

How weird?

updted (working) fiddle is here: http://jsfiddle.net/BC3Td/3/

Answer 1

Sounds like a bug in Webkit selection. The psudeo selector does work if the element is also selected directly however (an effective no op used here):

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