pseudo-elements-in-div.tentative.html (912B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <link rel="match" href="pseudo-elements-in-div-ref.html"> 4 <link rel="help" href="https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style"> 5 <link rel="help" href="https://crbug.com/342355738"> 6 <body> 7 <div> 8 The geolocation element should not create any pseudo elements. 9 </div> 10 11 <style> 12 /* The space (descendent combinator) is necessary to apply this CSS to children of .outer */ 13 .outer ::before { 14 content: 'BEFORE'; 15 } 16 .outer ::after { 17 content: 'AFTER'; 18 } 19 </style> 20 21 <p>Should only see BEFOREAFTER once below</p> 22 23 <!-- Apply the ::before/::after to descendants of the .outer div. The empty inner div 24 simulates a quirk scenario discovered in chromium, but the expectation should match 25 all implementation. --> 26 <div class="outer"> 27 <div></div> 28 <geolocation></geolocation> 29 </div> 30 </body> 31 </html>