CSS Advanced Selectors
Jul 24, 2017 · 1 min read
- Elements li { }
- Class .class { }
- ID #name { }
- Star — selects everything on the page *{ }
- Descendant Selector-selects all selectors nested within an element li a { }
- Adjacent Selector- h4 + ul { }
- Attribute Selector — a href[http://www.url.com] { }, input[type=”text”] { }
- nth of Type — ul:nth-of-type(3){}, ul:nth-of-type(even){}
specificity — (1) type selectors(li), (2) class/atribute/pseudo-class selectors (hover), (3) ID