Pertanyaan yang diberi tag «css-selectors»

Saya mencoba menerapkan warna latar belakang saat mouse pengguna mengarahkan kursor ke elemen yang nama kelasnya adalah "reMode_hover". Tetapi saya tidak ingin mengubah warna jika elemennya juga memiliki"reMode_selected" Catatan: Saya hanya dapat menggunakan CSS, bukan javascript karena saya bekerja dalam lingkungan yang terbatas. Untuk memperjelas, tujuan saya adalah mewarnai elemen …

139 html  css  css-selectors 

Saya ingin menerapkan beberapa css untuk elemen input dan saya ingin melakukannya hanya untuk input yang tidak dinonaktifkan dan tidak mengirimkan tipe, di bawah ini css tidak berfungsi, mungkin jika seseorang dapat menjelaskan kepada saya bagaimana ini harus ditambahkan. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; …

138 css  css-selectors  pseudo-class 

Adakah cara untuk menerapkan gaya Kelas hanya pada SATU level dari tag td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

Saya sudah tahu: anak terakhir. Tetapi apakah ada cara untuk memilih div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> CATATAN: tanpa jQuery, hanya dengan CSS

135 html  css  css-selectors 

Apakah ada perbedaan fungsional antara CSS 2.1 :afterdan ::afterpenyeleksi semu CSS 3 (selain ::aftertidak didukung di browser lama)? Apakah ada alasan praktis untuk menggunakan spesifikasi yang lebih baru?

133 css  css-selectors  pseudo-element  pseudo-class 

На этот вопрос есть ответы на Stack Overflow на русском : Как прописать: hover внутри style = ''? Apakah mungkin untuk memiliki pseudo-class menggunakan gaya inline? Contoh: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Saya tahu HTML di atas tidak akan berfungsi tetapi apakah ada yang serupa? PS Saya tahu saya harus menggunakan style …

131 html  css  css-selectors  pseudo-class  inline-styles 

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) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects …

130 css  css-selectors 

Apa gunanya menggunakan sintaks ini div.card > div.name Apa bedanya ini div.card div.name

127 css  css-selectors 

Saya menggunakan pemilih jQuery, terutama pemilih id: $("#elementId")... Bagaimana cara menentukan apakah jQuery telah menemukan elemen tersebut atau tidak? Bahkan jika elemen dengan id yang ditentukan tidak ada, pernyataan berikutnya memberi saya:[object Object] alert($("#idThatDoesnotexist"));

127 jquery  css-selectors 

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 Sass? #foo > ul …

126 css  css-selectors  sass 

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 dikatakan bahwa poin-poin ini dijumlahkan dan jumlah keseluruhan adalah kekhususan pemilih …

125 css  css-selectors  css-specificity 

Saya mencoba menggunakan document.querySelectorAlluntuk semua kotak centang yang memiliki valueset atribut. Ada kotak centang lain di halaman yang belum valuedisetel, dan nilainya berbeda untuk setiap kotak centang. Id dan namanya tidak unik. Contoh: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> Bagaimana cara memilih hanya kotak centang yang nilainya ditetapkan?

124 javascript  css-selectors  selectors-api 

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 sepertinya hal yang persis sama, tetapi cara kerjanya berbeda. Bisakah seseorang menjelaskan?

124 css  css-selectors 

Saya bisa melakukan ini: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Artinya, saya berhasil mengambil semua turunan langsung dari myDivelemen yang memiliki kelas .foo. Masalahnya, saya merasa terganggu karena saya harus menyertakan #myDivin dalam selector, karena saya menjalankan kueri pada myDivelemen (jadi jelas berlebihan). Saya seharusnya …

119 javascript  dom  css-selectors 

Adakah cara untuk memilih setiap anak ke n yang cocok (atau tidak cocok) dengan pemilih arbitrer ? Misalnya, saya ingin memilih setiap baris tabel ganjil, tetapi dalam subset baris: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr …

117 css  css-selectors