Let me see this: .body--homepage .searchbox { color: red } but, you use .searchbox on other section and you want it green .body--article .searchbox { col

Let me see this: .body--homepage .searchbox { color: red } but, you use .searchbox on other section and you want it green .body--article .searchbox { color: yellow } To me this sounds an akward usecase but you can do this with functional classes no problem: just write the class to the point you want to change on whatever place you are instead of relegating these conditionals to the CSS.