| <html> | |
| <head> | |
| <style> | |
| .a > .b .c { | |
| color: green; | |
| } | |
| .d + .e ~ .f { | |
| color: green; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="a"> | |
| <div class="b"> | |
| <div class="b"> | |
| <div class="c"> | |
| This text should be green. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="d"></div> | |
| <div class="e"></div> | |
| <div class="e"></div> | |
| <div class="f">This text should also be green.</div> | |
| </body> | |
| </html> |