CSS-pemilih, dan peranannya dalam format html-dokumen

Mewujudkan laman web dan mengisi dengan unsur-unsur tertentu atas laman web, semua orang akan menghadapi tempoh seperti CSS-pemilih. Ia berfungsi untuk menentukan dengan lebih tepat semua unsur-unsur html-fail reka bentuk dan lokasi mereka pada halaman. Untuk melakukan ini, buat CSS-dokumen yang menggariskan pemilih tertentu dan pilihan pemformatan mereka: warna, saiz, lokasi dan lain-lain. Setiap pereka web perlu tahu dan dapat betul masuk ke dalam pilihan yang dikehendaki. Mereka dibahagikan mengikut jenis, utama yang mana kami membincangkan di bawah.

Jenis pemilih dalam CSS

Bergantung kepada di mana elemen yang digunakan html-diformat, CSS-pemilih boleh berkaitan dengan salah satu daripada kumpulan-kumpulan berikut:

• tag pemilih;
• pemilih kelas;
• id-pemilih;
• sifat pemilih.

pemilih tag

Ia juga dikenali sebagai "pemilih jenis" atau "unsur", ia adalah yang paling mudah dan biasa. Sebagai beliau CSS-dokumen adalah nama-nama unsur-unsur html-fail, yang kita menerangkan. Sebagai contoh, jika kita perlu menetapkan gaya perenggan, kami menentukan sifat-sifat dan nilai-nilai mereka untuk p unsur {background: x; warna: y; saiz: z}. Dalam kes ini semua perenggan halaman Web akan mempunyai format yang sama (warna latar belakang, saiz teks, dan sebagainya. D.).

pemilih kelas

Dan bagaimana jika anda perlu bertanya kepada setiap ayat anda berbeza daripada gaya lain? Untuk melakukan ini, terdapat pemilih kelas.

CSS-dokumen dalam kes ini akan mengandungi kemasukan borang berikut: p.first {color: x; font-size: y}. Oleh itu, kita menentukan sifat-sifat "warna" dan "size" perenggan kelas hanya pertama.

Dalam html-dokumen dalam kes ini memasuki satu atribut kelas dinamakan gaya pertama. Kelas boleh sebanyak sebagai gaya yang anda mahu untuk memohon elemen halaman web.

id pemilih

Selalunya terdapat keperluan untuk menentukan gaya yang lebih tepat, sebagai contoh kepada mana-mana satu elemen halaman, atau untuk mencuba mereka. Dalam keadaan ini, bantuan datang id-pemilih. Fail html memberikan nama item yang dikehendaki yang mengenal pasti ia di kalangan yang lain. Sebagai contoh, unsur-unsur yang kita mahu menetapkan berbeza daripada gaya lain akan menjadi tajuk artikel.

Maka dalam html-dokumen memberikan header pengecam h1, articlename itu. Dan dalam CSS-fail, menentukan gaya, menambah gril nama ID: #articlename {color: blue; text-align: center}. Kini tajuk kami akan mempunyai warna biru dan berpusat.

Setiap satu daripada jenis di atas boleh digambarkan sebagai "mudah CSS-pemilih". Mereka menentukan pemformatan untuk parameter tertentu yang html-dokumen: elemen bersama-sama sama (contohnya, semua perenggan artikel), satu kelas (contohnya, hanya ayat pertama) atau item tertentu (contohnya, tajuk artikel).

sifat pemilih

Selain di atas, terdapat CSS-pemilih sifat-sifat - kaedah yang lebih rumit gaya permohonan. Ia membolehkan elemen format html pada sifat atau nilai yang dipilih. Terdapat beberapa jenis pemilih ini:

• dengan kehadiran atribut;
• pada nilai yang tepat;
• oleh nilai atribut separa;
• nilai khusus.

Mari kita kaji setiap spesies ini:

1. Kes pertama. Pemformatan digunakan, jika ada dalam tertentu atribut html-kod (ia boleh menjadi p, div, header, dan lain-lain). Jika tidak, ia menggunakan generik untuk semua unsur-unsur gaya. Sebagai contoh, untuk unsur-unsur yang mempunyai tajuk (alat hujung).
2. Kes kedua. Gaya yang hanya terpakai kepada html-elemen yang mempunyai padanan yang tepat daripada nilai-nilai atribut. Sebagai contoh, untuk input unsur-unsur, di mana nilai atribut jenis sama klik.
3. Kes ketiga. Di bawah format hanya akan meliputi perkara-perkara dalam senarai nilai-nilai yang mempunyai perkataan tertentu. Sebagai contoh, sidebar atribut "kelas" untuk unsur-unsur div.
4. Kes keempat. Gaya ditakrifkan hanya untuk mereka elemen html-dokumen, yang tertentu atribut mempunyai nilai tertentu, dan bermula dengan dia. Sebagai contoh, penggunaan warna yang ditetapkan untuk semua elemen yang sifat bahasa Inggeris (yang mungkin en, en-rus, en-au dan t. D.).

Oleh itu, dengan menggunakan salah satu atau yang lain, pemilih CSS, boleh terbaik dinyatakan sebagai laman web keseluruhan, dan menerangkan beberapa unsur-unsur.