Hover on parent element

Has anyone thought about how to convert the following CSS without using an event handler?

``` css
.parent {
background: white;
}
.child {
color: black;
}

.parent:hover {
background: black;
}
.child:hover {
color: white;
}
```

The issue provides a CSS example involving parent and child hover states but names no files, tests, or entry points. Start by tracing RCSS's JavaScript-object-to-CSS conversion path and determine how hover behavior is currently represented. Done should include a decided approach for parent hover without an event handler and coverage for the example behavior.

Written by the indexing model from the issue text.