div {border: 1px solid black;}
/* styles for Bug #1 */
/* notice that the last class selector is .cover for both */
.girl.cover {
background: green;
}
.boy.cover {
background: red;
}
/* styles for Bug #2 */
/* notice that the styles use the same id but different classes */
#something.love {
background: yellow;
}
#something.hate {
background: aqua;
}
Bug #1: multiple classnames don't work if the last class in the style selector is not unique.
Fix for Bug #1: change the order of the classnames in the css so that the last selector is unique (at least for the given ID, if using an ID).
Bug #2: using an ID and a classname together doesn't work at all if there are styles for that same ID with other classnames.