CSS con http://suitcss.github.io/

header{
    background: blue;
}
.header {
    background: blue;
}


ul > li {
    background: blue;
}

section + section {
    background: red; /* estilo adyacente */
}

/*selector de atributos
*/

[href="#Yo"] {
    background: orange;
}

Convenciones

http://suitcss.github.io/

.MyComponent {}
.MyComponent.is-animating {}
.MyComponent--modifier {}

.MyComponent-part {}
.MyComponent-anotherPart {}