伪类用于定义元素的特殊状态.spa
selector:pseudo-class {
property:value;
}
a:link : 鼠标点击后selector的效果
code
a:visited: 鼠标移过去后selector的效果blog
a:hover: 鼠标停留在该selector上的效果element
a:active: 鼠标点击该selector的效果it
(还有更多的种类在此就不一一列举了.)io
注意: 在CSS定义中 a:hover必须在 a:link 和 a:visited 以后能生效. a:active 必须在 a:hover 以后才能有效!伪类名称不区分大小写。class
CSS伪元素用于设置元素的指定部分的样式。select
selector::pseudo-element {
property:value;
}
p::after : 在每一个<p>元素的内容后面插入一些内容语法
p::before: 在每一个<p>元素的内容前面插入一些内容样式
p::first-letter: 选择每一个<p>元素的第一个字母
p::frist-line: 选择每一个<p>元素的第一行
p::selection: 选择由用户选择的元素的部分
1.语法都是 "选择器 + 单/双冒号 + 内容(属性值)".
2.都是对指定选择器的样式的设定起做用.
1.伪类使用的是单冒号" : ",而伪元素使用的是双冒号" :: " .
2.伪类的做用范围为整个选择器的全部内容,如 a:hover{ color:red }; 当你把鼠标移动到这个a这个标签的时候,整个a标签的颜色会变成红色.