Sebuah ruang lingkup selektif kelas pseudo-class sehingga hanya elemen yang cocok ketika memasuki keadaan tertentu.
Menerapkan kelas pseudo-class ke pemilih sederhana untuk mencocokkan unsur-unsur tertentu ketika mereka berada dalam keadaan tertentu. Sebagai contoh, aturan USS berikut menggunakan kelas pseudo-class :hover
untuk mengubah warna elemen Button
ketika pengguna memikat pointer atasnya.
Button:hover {
background-color: palegreen;
}
Tabel di bawah ini daftar kelas pseudo yang mendukung Unity. Anda tidak dapat memperpanjang kelas pseudo atau membuat yang ada.
Pseudo-class | Cocokkan Elemen saat |
---|---|
:hover |
Kursor diposisikan atas Elemen. |
:active |
Pengguna berinteraksi dengan Elemen. |
:inactive |
Pengguna berhenti berinteraksi dengan elemen. |
:focus |
Elemen memiliki fokus. |
:selected |
N/A. Unity tidak menggunakan pseudo-state ini. |
:disabled |
Elemen diatur ke enabled == false . |
:enabled |
Elemen diatur ke enabled == true . |
:checked |
Elemen adalah elemen Toggle dan dialihkan. |
:root |
Elemen adalah elemen akar (Elemen tingkat tertinggi di pohon visual). |
Anda dapat memasarkan pseudo-class bersama untuk menerapkan gaya yang sama untuk beberapa negara bersamaan. Sebagai contoh, rantai aturan ASS berikut dari kelas pseudo-classs :checked
dan :hover
bersama untuk mengubah warna elemen Toggle
yang diperiksa ketika pengguna membentang pointer di atasnya.
Toggle:checked:hover {
background-color: yellow;
}
Ketika toggle diperiksa, tetapi pointer tidak menggigit atasnya, pemilih tidak lagi cocok.
Kelas pseudo :root
sesuai dengan elemen tertinggi dalam pohon visual. Ini sedikit berbeda dari kelas pseudo-class yang didukung lainnya karena Anda menggunakannya dengan sendiri untuk menentukan gaya default untuk elemen lembaran gaya mempengaruhi.
Misalnya, aturan ASS berikut menetapkan font default. Setiap elemen yang tidak mendapatkan font dari aturan gaya yang lebih spesifik menggunakan font.
:root {
-unity-font: url("../Resources/fonts/OpenSans-Regular.ttf");
}
Penggunaan umum untuk pemilih :root
adalah untuk menyatakan variabel "global", bahwa aturan gaya lainnya dapat menggunakan bukan nilai spesifik.