highlight-text-cascade-ref.html (576B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #style1 { 6 background-color: yellow; 7 color:green; 8 } 9 #style2 { 10 background-color: blue; 11 color:red; 12 } 13 #style3 { 14 background-color: purple; 15 color:pink; 16 } 17 </style> 18 </head> 19 <body> 20 <div id="out"><span id="text1"><span id="style1">One</span> two three</span></div> 21 <div id="scoped"><span id="text2">four <span id="style2">five</span> six</span></div> 22 <span id="text3">seven eight nine</span> 23 </body> 24 </html>