nth-child-specificity-2-ref.html (1273B)
1 <!doctype html> 2 <html> 3 <head> 4 <style> 5 target { 6 display: block; 7 margin: 2px; 8 } 9 </style> 10 </head> 11 <body> 12 <div> 13 <target style="background-color: white; color: black; border: none;">Black text on white background.</target> 14 <target style="background-color: red; color: white; border: 5px solid purple;">White text on red background with a purple border.</target> 15 <target style="background-color: green; color: red; border: none;">Red text on green background.</target> 16 <target style="background-color: red; color: white; border: 5px solid purple;">White text on red background with a purple border.</target> 17 <target style="background-color: white; color: black; border: 5px solid blue;">Black text on white background with a blue border.</target> 18 <target style="background-color: red; color: white; border: 5px solid purple;">White text on red background with a purple border.</target> 19 <target style="background-color: green; color: red; border: 5px solid blue;">Red text on green background with a blue border.</target> 20 <target style="background-color: red; color: white; border: 5px solid purple;">White text on red background with a purple border.</target> 21 </div> 22 </body> 23 </html>