Selectores CSS
.class1.class2 .name1.name2 Selects all elements with both name1 and name2 set within its class attribute
.class1 .class2 .name1 .name2 Selects all elements with name2 that is a descendant of an element with name1
* * Selects all elements
element p Selects all <p> elements
element.class p.intro Selects all <p> elements with class="intro"
element,element div, p Selects all <div> elements and all <p> elements
element element div p Selects all <p> elements inside <div> elements
element>element div > p Selects all <p> elements where the parent is a <div> element
element+element div + p Selects the first <p> element that is placed immediately after <div> elements
element1~element2 p ~ ul Selects every <ul> element that is preceded by a <p> element
/*Attribute selectors*/
p[class="review"] /*all of paragraphs with review class on them*/
img[href^="../my code guide/"] /*every image that starts with that addres (replacing "=" with"^=")*/
img[href$="../my code guide/"] /* its end with this attribute*/
img[href*="../my code guide/"] /*if its contain anywhere*/
h1[class~="site-header"] /*only works with white space seperator*/
h1[class|="subtitle"] /*selects ones that start with "subtitle" or "subtitle" and "-" in following*/
pra's play