Pertanyaan yang diberi tag css-selectors

130
Apakah mungkin untuk memilih item terakhir dengan anak ke-n?

Menggunakan daftar standar, saya mencoba untuk memilih 2 item daftar terakhir. Saya memiliki berbagai permutasi An+Btetapi sepertinya tidak ada yang memilih 2 terakhir: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /*...

126
Sass dan pemilih anak gabungan

Saya baru saja menemukan Sass, dan saya sangat bersemangat tentangnya. Di situs web saya, saya menerapkan menu navigasi seperti pohon, yang ditata menggunakan kombinator anak ( E > F). Apakah ada cara untuk menulis ulang kode ini dengan sintaks yang lebih sederhana (atau lebih baik) di...

125
Bagaimana poin dalam kekhususan CSS dihitung

Meneliti kekhususan Saya menemukan blog ini - http://www.htmldog.com/guides/cssadvanced/specificity/ Ini menyatakan bahwa spesifisitas adalah sistem penilaian poin untuk CSS. Ini memberi tahu kita bahwa elemen bernilai 1 poin, kelas bernilai 10 poin dan ID bernilai 100 poin. Di atas juga...

124
Apa perbedaan antara: first-child dan: first-of-type?

Saya tidak bisa membedakan antara element:first-childdanelement:first-of-type Misalnya, Anda memiliki div div:first-child → Semua <div>elemen yang merupakan anak pertama dari induknya. div:first-of-type → Semua <div>elemen yang merupakan <div>elemen pertama dari induknya. Ini...

116
Apakah ada CSS tidak sama dengan pemilih?

Apakah ada sesuatu seperti! = (Tidak sama) di CSS? misalnya, saya memiliki kode berikut: input { ... ... } tetapi untuk beberapa masukan, saya perlu membatalkan ini. Saya ingin melakukannya dengan menambahkan kelas "reset" ke tag masukan, misalnya <input class="reset" ... /> lalu...

114
Apa itu pemilih mouse ke bawah di CSS?

Saya perhatikan bahwa tombol dan elemen lainnya memiliki gaya default dan berperilaku dalam 3 langkah: tampilan normal, tampilan hover / fokus dan tampilan mousedown / klik, di CSS saya dapat mengubah gaya tampilan normal dan tampilan hover seperti ini: button{ background:#333;