class="",这个的不同是,里面的值可以是重复的。他可以提高html里面的代码的结构,减少代码的重复率
.content:first{...}.content:nth-child(1){...}
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。
:first-child /* 匹配第一个元素 */举例:(parent下的第一个子元素字体变红色)
.parent > :first-child {color:red} <div class="parent"><p>子元素1</p>
<div>子元素2</div>
<span>子元素3</span>
</div>