图解伪类nth-child(n)和nth-of-type(n)

nth-child(n)和nth-of-type(n)比较

代码

效果

nth-child(n)和nth-of-type(n)选择方式

注意：

• nth-child(n)和nth-of-type(n)：选择的下标是从1开始
• 关于两个伪类的n取值（可为表达式）：
  
  

伪对象选择器

• E:first-letter/E::first-letter：设置对象内的第一个字符的样式（块级元素）
• E:first-line/E::first-line：设置对象内的第一行的样式（块级元素）
• E:before/E::before：设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用，并且必须定义content属性
• E:after/E::after：设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用，并且必须定义content属性
• E::placeholder：设置对象文字占位符的样式
• E::selection：设置对象被选择时的样式