首先，阅读 w3c 对两者的定义：
CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。
伪类：
：active 元素被激活时触发变成样式
：focus 元素被选中时触发变成样式
：hover 鼠标移动到元素上时触发变成样式
：link 在链接中使用，未访问的链接样式样子
：visited 在链接中使用，已访问的链接样式样子
：first-child 元素的第一个子元素样式
：lang 允许创作者定义元素中使用的语言
伪元素
：first-letter 把样式添加到文本首字母
：first-line 把样式添加到文本首行
：before 在某元素前插入内容（插入内容为此项设置的具体内容）
：after 在某元素后插入内容（插入内容为此项设置的具体内容）
<style type="text/css"><p>i:first-child {color: red}</style><body>
<p>
<i>这是第一个</i>
<i>这是第二个</i>
</p>
</body>(你会发现这是第一个 是红的)
<style>.first-child {color: red}</style><body>
<p>
<i class="first-child">这是第一个</i>
<i>这是第二个</i>
</p>
</body>同样的效果
相关资料
扫一扫
5192
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
