pseudo-class :scope CSS adalah selektor mewakili elemen apa pun yang merupakan :scope (lingkup) elemen.

Elemen lingkup adalah elemen yang membentuk konteks untuk blok gaya. Unsur semacam itu juga menyediakan titik referensi bagi penyeleksi yang cocok.

Elemen lingkup dapat didefinisikan menggunakan atribut cakupan. Contoh sederhana akan terlihat seperti berikut:

 

Gaya yang dideklarasikan di dalam elemen gaya dengan atribut cakupan akan diterapkan ke elemen apa pun di dalam elemen induknya (bagian dalam contoh ini). Gaya-gaya ini juga akan menggantikan gaya global yang ditentukan dalam kepala dokumen (apakah inline atau melalui lembar gaya eksternal).

Selector pseudo-class: scope cocok dengan konteks blok gaya yang di-scope. Dalam contoh di atas, elemen bagian dicocokkan oleh: scope. Jadi ini:

Akan menerapkan warna latar belakang hitam ke elemen bagian. Ini disebut scoping root atau konteks lokal <style scoped>.

Jika pemilih scoped dan root scoping adalah sebuah elemen, maka: scope mewakili root scoping; jika tidak, itu mewakili akar dokumen (setara dengan: root). Misalnya, dalam kode berikut, lingkup: akan cocok dengan dokumen root: