Apakah kelas pseudo dan elemen pseudo dalam css

Kelas pseudo dalam css ialah pemilih yang digunakan untuk memilih elemen yang berada dalam keadaan tertentu, yang biasanya tidak kelihatan atau tidak diwakili oleh kelas atau ID elemen HTML itu sendiri. Elemen pseudo dalam CSS adalah lebih seperti elemen kanak-kanak elemen, tetapi ia sebenarnya bukan sebahagian daripada pepohon DOM sebenar. Kelas pseudo dan elemen pseudo menyediakan cara yang fleksibel untuk memilih dan menggayakan elemen atau keadaan elemen tertentu, dan ia adalah alat yang sangat berguna dalam CSS.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Dalam CSS, kelas pseudo dan elemen pseudo ialah pemilih CSS khas yang boleh digunakan untuk memilih dan menggayakan beberapa elemen atau keadaan elemen tertentu.

1. Kelas Pseudo ialah pemilih yang digunakan untuk memilih elemen dalam keadaan tertentu. Keadaan ini biasanya tidak kelihatan atau tidak diwakili oleh kelas atau ID elemen HTML itu sendiri. Sebagai contoh, kelas pseudo :hover boleh digunakan untuk memilih elemen yang dituding oleh penuding tetikus.

a:hover {  
    color: red;  
}

Dalam contoh ini, warna pautan bertukar kepada merah apabila tetikus dituding di atasnya (elemen 3499910bf9dac5ae3c52d5ede7383485).

Selain :hover, terdapat banyak kelas pseudo lain, seperti :active (elemen pilih yang diaktifkan oleh pengguna), :visited (pilih pautan yang telah dilawati oleh pengguna), dsb.

2. Elemen pseudo lebih seperti elemen kanak-kanak unsur, tetapi sebenarnya ia bukan sebahagian daripada pokok DOM yang sebenar. Unsur pseudo membolehkan anda menggunakan gaya pada bahagian tertentu elemen tanpa menambah penanda HTML tambahan. Sebagai contoh, elemen pseudo :sebelum dan :selepas boleh digunakan untuk memasukkan kandungan atau gaya sebelum dan selepas kandungan unsur.

p:before {  
    content: "Hello, ";  
}  
  
p:after {  
    content: "world!";  
}

Dalam contoh ini, teks "Hello," akan disisipkan di hadapan setiap perenggan (e388a4556c0f65e1904146cc1a846bee elemen), dan teks "dunia" akan disisipkan pada akhirnya. Ambil perhatian bahawa atribut kandungan diperlukan dan mentakrifkan kandungan unsur pseudo.

Selain :sebelum dan :selepas, terdapat beberapa unsur pseudo lain yang biasa digunakan, seperti :huruf pertama (pilih huruf pertama unsur) dan :baris pertama (pilih baris pertama unsur) .

Secara keseluruhan, kelas pseudo dan elemen pseudo menyediakan cara yang fleksibel untuk memilih dan menggayakan elemen atau keadaan elemen tertentu, dan ia adalah alat yang sangat berguna dalam CSS.

Atas ialah kandungan terperinci Apakah kelas pseudo dan elemen pseudo dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!