| <!doctype html> |
| <html> |
| <head> |
| <style> |
| #test1 :-webkit-any(::first-letter) p.target { |
| background-color: lime; |
| } |
| |
| #test2 p:-webkit-any(::first-letter) { |
| background-color: lime; |
| } |
| |
| #test3 p:-webkit-any(p, ::first-letter) { |
| background-color: lime; |
| } |
| |
| #test4 p:-webkit-any(p, :-webkit-any(p, ::first-letter)) { |
| background-color: lime; |
| } |
| </style> |
| </head> |
| <body> |
| <div> |
| <div id="test1"> |
| <div> |
| <p class="target" id="target1">pseudo element inside :any has no effect.</p> |
| </div> |
| </div> |
| |
| <div id="test2"> |
| <div> |
| <p class="target" id="target2">pseudo element inside :any has no effect.</p> |
| </div> |
| </div> |
| |
| <div id="test3"> |
| <div> |
| <p class="target" id="target3">pseudo element inside :any has no effect and the other selectors are matched.</p> |
| </div> |
| </div> |
| |
| <div id="test4"> |
| <div> |
| <p class="target" id="target4">pseudo element inside :any has no effect and the other selectors are matched.</p> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
