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
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus