| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| #style1 { | |
| background-color: yellow; | |
| color:green; | |
| } | |
| #style2 { | |
| background-color: blue; | |
| color:red; | |
| } | |
| #style3 { | |
| background-color: purple; | |
| color:pink; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="out"><span id="text1"><span id="style1">One</span> two three</span></div> | |
| <div id="scoped"><span id="text2">four <span id="style2">five</span> six</span></div> | |
| <span id="text3">seven eight nine</span> | |
| </body> | |
| </html> |