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.


10
Memilih input teks kosong menggunakan jQuery
Bagaimana cara mengidentifikasi kotak teks kosong menggunakan jQuery? Saya ingin melakukannya dengan menggunakan selektor jika memungkinkan. Juga, saya harus memilih id karena dalam kode sebenarnya di mana saya ingin menggunakan ini, saya tidak ingin memilih semua input teks. Dalam dua contoh kode berikut, yang pertama secara akurat menampilkan nilai yang …

6
Mengapa document.querySelectorAll mengembalikan StaticNodeList daripada Array yang sebenarnya?
Itu mengganggu saya yang tidak bisa saya lakukan document.querySelectorAll(...).map(...)bahkan di Firefox 3.6, dan saya masih tidak dapat menemukan jawaban, jadi saya pikir saya akan posting silang di SO pertanyaan dari blog ini: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Adakah yang tahu tentang alasan teknis mengapa Anda tidak mendapatkan Array? Atau mengapa StaticNodeList tidak mewarisi dari …

2
CSS Input Type Selectors - Mungkin memiliki sintaks "atau" atau "tidak"?
Jika mereka ada dalam pemrograman), Jika saya memiliki formulir HTML dengan input berikut: <input type="text" /> <input type="password" /> <input type="checkbox" /> Saya ingin menerapkan gaya ke semua masukan yang berupa type="text"atau type="password". Atau, saya akan menerima semua masukan di mana type != "checkbox". Sepertinya saya harus melakukan ini: input[type='text'], …
101 html  css  css-selectors 

5
Sass menggabungkan induk menggunakan ampersand (&) dengan pemilih tipe
Saya mengalami masalah saat bersarang di Sass. Katakanlah saya memiliki HTML berikut: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Ketika saya mencoba untuk menumpuk gaya saya berikut ini saya mendapatkan kesalahan kompilasi: .item { color: black; a& { color:blue; } } Bagaimana cara mereferensikan pemilih tipe sebelum pemilih …

2
Pemilih atribut CSS tidak berfungsi a href
Saya perlu menggunakan selektor atribut di css untuk mengubah link pada warna dan gambar yang berbeda, tetapi tidak berhasil. Saya memiliki html ini: <a href="/manual.pdf">A PDF File</a> Dan css ini: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; …

10
querySelector mencari turunan langsung
Saya memiliki beberapa fungsi seperti jquery: function(elem) { return $('> someselector', elem); }; Pertanyaannya adalah bagaimana saya bisa melakukan hal yang sama querySelector()? Masalahnya adalah >selector in querySelector()membutuhkan induk untuk ditentukan secara eksplisit. Apakah ada solusi lain?

5
Apa yang dilakukan Asterisk (*) di pemilih CSS?
Saya menemukan kode CSS ini dan saya menjalankannya untuk melihat apa yang dilakukannya dan itu menguraikan SETIAP elemen di halaman, Adakah yang bisa menjelaskan apa yang dilakukan Asterisk * di CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * …

5
Menggunakan querySelector dengan ID berupa angka
Dari apa yang saya pahami, spesifikasi HTML5 memungkinkan Anda menggunakan ID yang berupa angka seperti ini. <div id="1"></div> <div id="2"></div> Saya dapat mengakses ini dengan baik menggunakan getElementByIdtetapi tidak dengan querySelector. Jika saya mencoba melakukan hal berikut, saya mendapatkan SyntaxError: DOM Exception 12 di konsol. document.querySelector("#1") Saya hanya ingin tahu …

9
Apa arti koma dan spasi di beberapa kelas di CSS?
Ini adalah contoh yang saya tidak mengerti: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Sepertinya saya yang width: 460pxditerapkan ke semua kelas yang disebutkan di atas. Tetapi mengapa beberapa kelas dipisahkan oleh koma ( ,), dan beberapa hanya oleh spasi? Saya berasumsi itu hanya width: 460pxakan diterapkan pada elemen …

5
Apa yang dilakukan pemilih * * CSS?
Baru-baru ini saya datang di * *dalam CSS . Referensi situs - Tautan Situs . Untuk *penggunaan tunggal dalam style sheet CSS, Internet dan Stack Overflow dibanjiri dengan contoh, tapi saya tidak yakin tentang menggunakan dua * *simbol di CSS. Saya mencarinya di Google, tetapi tidak dapat menemukan informasi yang …


2
Pemilih CSS dengan titik dalam ID
Spesifikasi HTML memungkinkan untuk titik (.) Dalam sebuah id: <img id="some.id" /> Namun, menggunakan aturan pemilih ID CSS tidak akan cocok dengan benar: #some.id { color: #f00; } Spesifikasi CSS untuk ID Selectors tidak menyebutkan kasus ini. Jadi saya menganggap itu menggunakan kombinasi nama tag dan pemilih kelas ? Misalnya, …

6
: anak pertama tidak bekerja seperti yang diharapkan
Saya mencoba untuk memilih yang pertama h1di dalam a divdengan sebuah kelas bernama detail_container. Ini berfungsi jika h1adalah elemen pertama dalam ini div, tetapi jika muncul setelah ini, ulitu tidak akan berfungsi. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> …

8
Bagaimana cara memasukkan elemen sebagai anak pertama?
Saya ingin menambahkan div sebagai elemen pertama menggunakan jquery pada setiap klik tombol <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>

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.