CSS3 memahami pemilih kelas pseudo

Pengenalan ringkas kepada pemilih kelas pseudo CSS3:
Sebelum kebangkitan pelayar standard, ramai pemula mungkin tidak biasa dengan pemilih kelas pseudo, tetapi untuk :link , :focus dan :hover semuanya biasa kepada anda, kerana ia sering digunakan untuk menetapkan gaya keadaan pautan Malah, ia adalah pemilih kelas pseudo.
Sintaks asas pemilih kelas pseudo:

  selector:pseudo-class{
  property:value;
}

Analisis struktur:
1.pemilih: pemilih css lain.
2.:pseudo-class: pemilih kelas pseudo.
3.property:value: Atribut dan nilai gaya sepadan.

Contoh kod adalah seperti berikut:

a:link{color:red;}
a.title:link{color:blue;}



Meneruskan pembelajaran
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#div1 :target p{
color: red;
};
</style>
</head>
<body>
<div id="div1">
i am div1
<div id="div2">
i am div2
<p>pppp</p>
</div>
</div>
<a href="#div2">click me</a>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
图片放大关闭