CSS伪类

先来介绍下伪类的语法
选择器:伪类{属性:值……..}
锚伪类(超链接伪类)
1、a:link{属性:值…….} /未访问的链接/
2、a:visited{属性:值…….} /已访问的链接/
3、a:hover{属性:值………} /鼠标移动到链接上/
4、a:active{属性:值……….} /鼠标选定的链接,即鼠标按住的链接/
注意:a:hover必须被置于a:link和a:visited之后。a:activited必须被置于a:hover之后。
子对象选择符

boby>p{font-size:14px;color:red}   /*大于号的作用是指body里面所有的段落标签都是字体大小为14像素,颜色为红色*/

其他伪类
first-child、left、right、lang、focus
下面是两个其他伪类的例子:
1、first-child伪类的用法:

<html>
<head>
<title>first-child用法title>
<style type="text/css">
p:first-child{color:red;}   /*表示第一个子段落的颜色为红色*/
<style>
head>
<body>
<p>firstTimep>
<p>firstTimep>
body>
html>

2、lang伪类的用法:

<html>
<head>
<title>first-child用法title>
<style type="text/css">
q:lang(no){quotes:"~" "~";color:red;}
<style>
head>
<body>
<p>文字<q lang="no">段落中引用的文字q>文字p>
body>
html>

你可能感兴趣的:(css)