| <!DOCTYPE html> | |
| <style> | |
| .class1 { | |
| background-color: rgba(63, 128, 33, 0.95); | |
| color: yellow; | |
| } | |
| .class2 { | |
| background-color: rgba(255, 0, 0, 0.95); | |
| color: green; | |
| } | |
| </style> | |
| <span class='class1'>DOM </span> | |
| <span class='class2'>Shadow DOM </span> | |
| <span class='class1'>DOM</span> | |
| <div> | |
| Above Textual Selection should have Green background and yellow color on "DOM" <br> | |
| and Red background, Green color on "Shadow DOM". | |
| </div> |