Document styles:

li {margin: 0.33em;}
.one {font-style: italic;} {font-weight: bold;}  /* check this one! */
.one.two.three.four {color: red;}
.four {border: 1px dotted gray;}
.oh {text-decoration: underline;}
.five-oh {background: #CCE;} {background: yellow;}

Styled elements (text replicates class values):

The content above should appear basically the same as the graphic below-- not counting the size and family of the text itself, the width of the element boxes, or the bullet styles.

reference rendering