定义
伪类:
CSS 伪类 是添加到选择器的关键字,指定要选择的元素的特殊状态。
例如,:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。
/* 所有用户指针悬停的按钮 */
button:hover {
color: blue;
}
伪类存在的意义是为了通过选择器,格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。
伪元素:
伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式。
下例中的 ::first-line 伪元素可改变段落首行文字的样式。
/* 每一个 <p> 元素的第一行。 */
p::first-line {
color: blue;
text-transform: uppercase;
}
伪类连同伪元素一起,他们允许你不仅仅是根据文档 DOM 树中的内容对元素应用样式,而且还允许你根据诸如像导航历史这样的外部因素来应用样式(例如 :visited),同样的,可以根据内容的状态(例如在一些表单元素上的 :checked),或者鼠标的位置(例如 :hover 让你知道是否鼠标在一个元素上悬浮)来应用样式。
分类:
伪类:
- :active,将样式添加到被激活的元素。
- :focus,将样式添加到被选中的元素。
- :hover,当鼠标悬浮在元素上方是,向元素添加样式。
- :link,将特殊的样式添