Nthmaster.com Website Review

li:nth-child(8) span {     background-color: #298EB2;     box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.4), inset 0 0 10px black; } Using :nth-child(8) it allows you to specifically choose to change only the 8th element in the parent element li:nth-child(n+6) span {     background-color: #298EB2;     box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.4), 0 0 10px black; } Using the :nth-child(n+6) like this allows you pick :nth-child(6) and above li:nth-child(-n+9) span {     background-color: #298EB2;     box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.4), 0 0 10px black; } Using the :nth-child(-n+9) like this allows you pick :nth-child(9) and below li:nth-child(n+4):nth-child(-n+8) span {     background-color: #298EB2;     box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.4), 0 0 10px black; } Using this nth-child(n+4):nth-child(-n+8) we can select elements within certain ranges, in this case elements 4-8.. ADVANCED GENERIC CHILD RANGES NTH-CHILD(N+2):NTH-CHILD(ODD):NTH-CHILD(-N+9) li:nth-child(n+2):nth-child(odd):nth-child(-n+9) span {     background-color: #298EB2;     box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.4), 0 0 10px black; } Using this nth-child(n+2):nth-child(odd):nth-child(-n+9) we can select elements within certain ranges (2-9) that are odd-numbered children. li:nth-child(3n+1):nth-child(even) span {     background-color: #298EB2;     box-shadow: inset -3px -3px 10px rgba( 0, 0, 0, .4), 0 0 10px black; } Using this :nth-child(3n+1) would normally highlight children 1, 4, 7 & 10, but by using the :nth-child(even) we filter out the odd numbered     background-color: #298EB2;     box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.4), 0 0 10px black;     background-color: #E17149:     box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.4), 0 0 10px black;  Using the :nth-of-type() allows you to select a specific child within a type of element, within the same parent element.