doc_content_style_changes.html (624B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <style> 4 #test { 5 color: red; 6 } 7 /* Adding/removing the green-class on #test should refresh the rule-view when #test is 8 selected */ 9 #test.green-class { 10 color: green; 11 } 12 /* Adding/removing the purple-class on #parent should refresh the rule-view when #test is 13 selected */ 14 #parent.purple-class #test { 15 color: purple; 16 } 17 /* Adding/removing the blue-class on #sibling should refresh the rule-view when #test is 18 selected*/ 19 #sibling.blue-class + #test { 20 color: blue; 21 } 22 </style> 23 <div id="parent"> 24 <div> 25 <div id="sibling"></div> 26 <div id="test">test</div> 27 </div> 28 </div>