Stephen Lloyd

Software Engineer

7/1/13The 30 CSS Selectors you Must Memorize
*   X:link   X[title]   X:checked   X:nth-of-type(n)
#X   X:visited   X[href="foo"]   X:hover   X:nth-last-of-type(n)
.X   X:after   X[href*=foo"]   X:not(foo)   X:first-child
X   X Y   X[href^="foo"]   X::pseudoElement   X:last-child
    X + Y   X[href$="foo"]   X:nth-child(n)   X:only-child
    X > Y   X[data-*="foo"]   X:nth-last-child(n)   X:first-of-type
    X ~ Y   X[foo~="bar"]       X:only-of-type

 

 


Stephen Lloyd 10/13/2015