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.

2
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 ini: div.dropdown, div.dropdown > *, div.dropdown > * > *, …
407 css  css-selectors 
8
CSS: not (: last-child): setelah pemilih
Saya memiliki daftar elemen, yang ditata seperti ini: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Output One | Two | Three | Four | Five |bukanOne | Two …
3
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 diterapkan.
360 css  css-selectors 
10
jQuery anak pertama dari "ini"
Saya mencoba meneruskan "ini" dari rentang yang diklik ke fungsi jQuery yang kemudian dapat mengeksekusi jQuery pada anak pertama elemen yang diklik itu. Tampaknya tidak bisa melakukannya dengan benar ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } Bagaimana cara merujuk: elemen pertama-anak?
6
Apakah ada pemilih CSS untuk anak langsung pertama saja?
Saya memiliki html berikut <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> Dan gaya berikut: DIV.section DIV:first-child { ... } Untuk beberapa alasan saya tidak mengerti gaya ini diterapkan pada "sub konten 1" <div> serta "header" <div> . Saya berpikir bahwa pemilih pada gaya hanya …
315 html  css  css-selectors 
7
Bisakah CSS mendeteksi jumlah anak yang dimiliki suatu elemen?
Saya mungkin menjawab pertanyaan saya sendiri, tetapi saya sangat ingin tahu. Saya tahu bahwa CSS dapat memilih masing-masing anak dari orang tua, tetapi adakah dukungan untuk menata anak-anak dari sebuah wadah, jika orang tuanya memiliki jumlah anak tertentu. sebagai contoh container:children(8) { // style the parent this way if there …
304 css  css-selectors 
7
Pemilih CSS Child vs Descendant
Saya agak bingung antara 2 penyeleksi ini. Apakah pemilih turunan : div p pilih semua pdalam satu divatau tidak itu merupakan keturunan langsung? Jadi jika pada di dalam yang lain divmasih akan dipilih? Kemudian pemilih anak : div > p Apa bedanya? Apakah seorang anak berarti anak langsung ? Misalnya. …
298 css  css-selectors 
5
Tentukan beberapa penyeleksi atribut dalam CSS
Apa sintaks untuk melakukan sesuatu seperti: input[name="Sex" AND value="M"] Pada dasarnya, saya ingin memilih inputelemen yang memiliki atribut name="Sex"serta atribut value="M": <input type="radio" name="Sex" value="M" /> Elemen-elemen seperti berikut ini tidak boleh dipilih: <input type="radio" name="Sex" value="F" />
9
Bagaimana saya bisa gaya elemen genap dan ganjil?
Apakah mungkin untuk menggunakan pseudo-class CSS untuk memilih item item genap dan genap? Saya berharap yang berikut ini untuk menghasilkan daftar warna bergantian, tetapi sebaliknya saya mendapatkan daftar item biru: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> …
281 html  css  css-selectors 
4
Bagaimana saya bisa menerapkan gaya ke beberapa kelas sekaligus?
Saya ingin dua kelas dengan nama berbeda memiliki properti yang sama di CSS. Saya tidak ingin mengulangi kode itu. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Karena kedua kelas melakukan hal yang sama, saya harus dapat menggabungkannya menjadi satu. Bagaimana …
277 css  css-selectors 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.