@Document CSS at-rule digunakan untuk menentukan aturan gaya yang hanya berlaku untuk halaman dokumen tertentu.

Dengan kata lain, ini memungkinkan Kalian untuk menentukan serangkaian gaya yang hanya akan diterapkan ke halaman situs web tertentu yang memiliki URL yang Kalian tentukan.

Menggunakan @document, Kalian dapat membatasi sekumpulan aturan gaya ke halaman yang URL-nya cocok dengan URL yang Kalian tentukan dalam deklarasi @document menggunakan fungsi url ():

Kalian juga dapat membatasi sekumpulan aturan gaya menjadi sekumpulan halaman yang URL-nya dimulai dengan awalan yang ditentukan, menggunakan fungsi url-prefix():

Kalian mungkin ingin menentukan gaya yang hanya berlaku untuk satu set halaman yang URL-nya ada di domain tertentu. Anda dapat melakukannya menggunakan fungsi domain ():

Selain dapat menentukan URL halaman berdasarkan pada URL yang tepat, URL yang dimulai dengan awalan tertentu, dan URL yang memiliki nama domain tertentu, Kalian juga dapat menggunakan fungsi regexp () untuk memberikan ekspresi reguler yang digunakan untuk menentukan halaman bahwa gaya berlaku berdasarkan apakah URL mereka cocok atau tidak dengan ekspresi reguler.

Official Syntax

Deklarasi @document dimulai dengan kata @document, diikuti oleh satu atau lebih daftar yang dipisahkan koma dari empat fungsi: url (), awalan-url (), domain (), dan regexp (), diikuti oleh sepasang curly kawat gigi yang akan melampirkan seperangkat aturan gaya.

 

Nilai-nilai yang diberikan untuk fungsi url, awalan-url, dan domain () dapat dilampirkan dalam tanda kutip tunggal atau ganda, tetapi tidak harus demikian. Nilai yang disediakan untuk fungsi regexp () harus dibungkus dengan tanda kutip.

“Nilai yang lolos yang disediakan untuk fungsi regexp () harus keluar dari CSS. Misalnya, a. (Periode) cocok dengan karakter apa pun dalam ekspresi reguler. Untuk mencocokkan dengan periode literal, Anda harus terlebih dahulu menghindarinya menggunakan aturan ekspresi reguler ( ke \.), lalu lepas string itu menggunakan aturan CSS (ke \\.) ”

Values:

url(): Gaya di dalam blok @document akan diterapkan ke halaman yang URL-nya cocok dengan URL yang disediakan untuk fungsi url ().

url-prefix(): Gaya di dalam blok @document akan diterapkan ke halaman yang URLnya dimulai dengan nilai yang diberikan ke fungsi url-prefix ().

domain(): Gaya di dalam blok @document akan diterapkan ke halaman mana pun yang URL-nya ada di domain yang disediakan untuk fungsi domain ().

regexp(): Gaya di dalam blok @document akan diterapkan ke halaman mana pun yang URL-nya cocok dengan ekspresi reguler yang disediakan untuk fungsi regexp ().

WhatsApp chat