伪类
CSS 伪类用于向某些选择器添加特殊的效果。
//语法 seletor(选择器): pseudo-class(伪类) {property: value}
//搭配CSS类使用 selector.class : pseudo-class {property: value}
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
-------------获取第几个元素
first-child last-child nth-child(n/odd/even)
伪元素
伪元素的语法:
selector:pseudo-element {property:value;}
CSS 类也可以与伪元素配合使用:
selector.class:pseudo-element {property:value;}
/* :first-letter 伪元素用于向文本的首字母设置特殊样式:注意:"first-letter" 伪元素只能用于块级元素。*/
p:first-letter {
color:#ff0000;
font-size:xx-large;
}
:first-line 向文本的首行添加特殊样式。
:after , :before 伪元素 可以在元素内容之前和之后插入内容 content;" " (必写属性)