is-where-pseudo-elements.html (773B)
1 <!DOCTYPE html> 2 <title>:is() combined with pseudo elements</title> 3 <link rel="help" href="https://drafts.csswg.org/selectors-4/#matches"> 4 <link rel="match" href="is-where-pseudo-elements-ref.html"> 5 <style> 6 :is(#a, #c) + :is(main :is(#b, #d))::before { 7 content: "before "; 8 color: green; 9 } 10 :is(#d + div, #d ~ #h)::after { 11 content: " after"; 12 color: green; 13 } 14 :is(main > #a, #b)::first-letter { 15 color: blue; 16 } 17 :is(:where(main > div + #g, #k + #l))::first-line { 18 color: magenta; 19 } 20 </style> 21 <main id=main> 22 <div id=a>a</div> 23 <div id=b>b</div> 24 <div id=c>c</div> 25 <div id=d>d</div> 26 <div id=e>e</div> 27 <div id=f>f</div> 28 <div id=g>g</div> 29 <div id=h>h</div> 30 <div id=j>j</div> 31 <div id=k>k</div> 32 <div id=l>l<br>l2</div> 33 </main>