Complex Selectors
Jenis data properti ASS

Pseudo-classes

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;
}

Supported pseudo-classes

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).

Chaining pseudo-classes

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-class root

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.


Complex Selectors
Jenis data properti ASS