#tree
| div
|  id=foo
|  p*
|   class=green
#ua
div, p { display: block; }
#user
.green { color: #f00 !important; }
#author
div#foo { background-color: #bbc; }
.green { color: #0f0; }
#errors
#expected
background-attachment: scroll
background-color: transparent
background-image: none
background-position: 0% 0%
background-repeat: repeat
border-top-color: #00000000
border-right-color: #00000000
border-bottom-color: #00000000
border-left-color: #00000000
color: #ff000000
display: block
#reset

#tree screen
| div*
#ua
div { display: block; }
#user print
div { display: inline; }
#errors
#expected
background-attachment: scroll
background-color: transparent
background-image: none
background-position: 0% 0%
background-repeat: repeat
border-top-color: #00000000
border-right-color: #00000000
border-bottom-color: #00000000
border-left-color: #00000000
display: block
#reset

#tree all active
| div*
#author
div { background-color: #000; }
div:active { background-color: #bbc; }
#errors
#expected
background-attachment: scroll
background-color: #bbbbcc00
background-image: none
background-position: 0% 0%
background-repeat: repeat
border-top-color: #00000000
border-right-color: #00000000
border-bottom-color: #00000000
border-left-color: #00000000
display: inline
#reset

#tree
| div
|  p*
#author
p:first-child { background-color: #bbc; }
#errors
#expected
background-attachment: scroll
background-color: #bbbbcc00
background-image: none
background-position: 0% 0%
background-repeat: repeat
border-top-color: #00000000
border-right-color: #00000000
border-bottom-color: #00000000
border-left-color: #00000000
display: inline
#reset