Pertanyaan yang diberi tag css-selectors

Selektor adalah pola yang cocok dengan elemen dalam pohon dokumen. Dalam aturan CSS, mereka digunakan untuk menentukan gaya untuk elemen yang cocok dengan pola.

3176
Apakah ada pemilih induk CSS?

Bagaimana cara memilih <li>elemen yang merupakan induk langsung dari elemen anchor? Sebagai contoh, CSS saya akan menjadi seperti ini: li < a.active { property: value; } Jelas ada cara untuk melakukan ini dengan JavaScript, tapi saya berharap ada semacam solusi yang ada asli untuk CSS...

947
Selektor CSS untuk elemen pertama dengan kelas

Saya memiliki banyak elemen dengan nama kelas red, tetapi sepertinya saya tidak dapat memilih elemen pertama dengan class="red"menggunakan aturan CSS berikut: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Jalankan cuplikan...

811
tidak: pemilih anak pertama

Saya memiliki divtag yang berisi beberapa ultag. Saya dapat menetapkan properti CSS hanya untuk ultag pertama : div ul:first-child { background-color: #900; } Namun, upaya saya berikut untuk mengatur properti CSS untuk setiap ultag lain kecuali yang pertama tidak berfungsi: div...

746
Bisakah: not () pseudo-class memiliki beberapa argumen?

Saya mencoba memilih inputelemen dari semua typekecuali radiodan checkbox. Banyak orang telah menunjukkan bahwa Anda dapat memasukkan banyak argumen :not, tetapi menggunakan typesepertinya tidak berhasil saya coba. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Ada...

670
wildcard * di CSS untuk kelas

Saya memiliki div ini yang saya styling dengan .tocolor, tetapi saya juga membutuhkan pengidentifikasi unik 1,2,3,4 dll jadi saya menambahkannya sebagai kelas lain tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2...

407
Pilih semua elemen anak secara rekursif dalam CSS

Bagaimana Anda dapat memilih semua elemen anak secara rekursif? div.dropdown, div.dropdown > * { color: red; } Kelas ini hanya melempar kelas pada className yang ditentukan dan semua anak langsung. Bagaimana Anda bisa, dengan cara sederhana, memilih semua childNodes seperti

360
Pilih elemen berdasarkan beberapa kelas

Saya memiliki aturan gaya yang ingin saya terapkan pada tag ketika memiliki dua kelas. Apakah ada cara untuk melakukan ini tanpa JavaScript? Dengan kata lain: <li class='left ui-class-selector'> Saya ingin menerapkan aturan gaya saya hanya jika likeduanya .leftdan .ui-class-selectorkelas...