css-selectors-to-know

/*Selects all h4 within .container, including h4 nested within .container's children elements*/
.container h4 {
	color: blue;
}

/*Selects only immediate child h4 of .container. Does not include h4 nested within child elements of .container*/
.container > h4 {
	color: red;
}

/*Selects all h3 sibling elements that are preceded by article tag*/
article ~ h3 {
	color: green;
}

/*Selects first header sibling that is preceded by article tag*/
article + .header {
	color: skyblue;
}

/*Selects anchor element with an attribute that ends in, in this example example, .com*/
a[href$=".com"] {
	color: red;
}

/*Selects attribute targeting the beginning of anchor attribute's value*/
img[alt^="A Painting"] {
	color: orange;
}

/*Selects attribute containing the word zebra anywhere within the selector*/
div[class*="zebra"] {
	font-weight: bold;
}