rendered.html

<style ref='stylized'>
  #stylized-785246 > span {
    color: black;
  }
  #stylized-785246 > span:hover {
    color: blue;
  }
  #stylized-785246:hover {
    background-color: blue;
  }
</style>

<div id="stylized-785246">
  <span>Hello There</span>
</div>

sample-component.jsx

import React from 'react':
import Stylized from 'stylized';

@Stylized
class SampleComponent extends React.Component {
  style () {
    return {
      '> span': {
        color: 'black',
        ':hover': {
          'background-color': 'blue'
        }
      }
      },
      ':hover': {
        'background-color': 'blue'
      }
    }
  }
  
  render () {
    <div>
      <span>Hello There</span>
    </div>
  }
}