Pertanyaan yang diberi tag «css-selectors»

Saya ingin menggabungkan :afterdengan :hoverdi CSS (atau pemilih semu lainnya). Saya pada dasarnya memiliki daftar dan item dengan selectedkelas memiliki bentuk panah yang digunakan :after. Saya ingin hal yang sama berlaku untuk objek yang sedang melayang tetapi tidak bisa membuatnya berfungsi. Inilah kode #alertlist { list-style:none; width: 250px; } #alertlist …

176 css  css-selectors  pseudo-element 

Ini seharusnya sederhana, tetapi saya kesulitan menemukan istilah pencarian untuk itu. Katakanlah saya punya ini: <div class="a c">Foo</div> <div class="b c">Bar</div> Di CSS, bagaimana saya bisa membuat pemilih yang cocok dengan sesuatu yang cocok dengan "(.a atau .b) dan .c"? Saya tahu saya bisa melakukan ini: .a.c,.b.c { /* CSS …

176 html  css  css-selectors 

Saya ingin menerapkan aturan CSS ke elemen apa pun yang salah satu kelasnya cocok dengan awalan yang ditentukan. Misalnya saya ingin aturan yang akan berlaku untuk div yang memiliki kelas yang dimulai dengan status-(A dan C, tetapi tidak B dalam cuplikan berikut): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class …

175 css  css-selectors 

Apa yang ingin saya lakukan (bukan di IE jelas) adalah: p:not(.list):last-child + :text { margin-bottom: 10px; } Yang akan memberikan margin teks node. (Apakah itu mungkin?) Bagaimana saya mendapatkan simpul teks dengan CSS?

173 css  css-selectors 

Saya punya beberapa tautan yang ingin saya pilih kelas dan id secara bersamaan. Ini karena saya punya 2 perilaku berbeda. Ketika suatu kelas tautan mendapatkan satu nama kelas, mereka berperilaku dalam satu cara, ketika kelompok tautan yang sama mendapatkan nama kelas lain, mereka berperilaku berbeda. Nama kelas diganti dengan jquery. …

170 jquery  dom  jquery-selectors  css-selectors 

Bagaimana Anda bisa memilih yang pertama dan yang terakhir TDberturut-turut? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

Pertanyaan pemilih CSS yang rumit, tidak tahu apakah itu mungkin. Katakanlah ini adalah tata letak HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Saya ingin memilih yang terakhir div, yang ditampilkan (mis. Tidak display:none) yang akan menjadi yang ketiga divdalam contoh yang diberikan. Pikiran Anda, jumlah divs pada halaman nyata …

162 html  css  css-selectors 

Saya mencari pemilih css yang memungkinkan saya memilih daftar anak pra-terakhir. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Metode statis: ul li:nth-child(5) Metode dinamis: ul li:last-child(-1) yang tentu saja tidak memvalidasi, juga nth-last-child sepertinya …

161 css  css-selectors 

Saya mendengar beberapa kali bahwa aset terkuat jQuery adalah cara ia menanyakan dan memanipulasi elemen dalam DOM: Anda dapat menggunakan kueri CSS untuk membuat kueri kompleks yang akan sangat sulit dilakukan dalam javascript biasa. Namun, sejauh yang saya tahu, Anda dapat mencapai hasil yang sama dengan document.querySelectoratau document.querySelectorAll, yang didukung …

161 javascript  jquery  html  css-selectors  jquery-selectors 

Saya telah melihat karakter ini beberapa kali dalam file CSS tetapi saya tidak tahu bagaimana menggunakannya. Adakah yang bisa menjelaskannya kepada saya dan menunjukkan betapa mereka berguna dalam membuat gaya halaman lebih mudah?

159 css  css-selectors 

Bagaimana mengubah gaya elemen anak ketika ada hover pada elemen induk. Saya lebih suka solusi CSS untuk ini jika memungkinkan. Apakah ada solusi yang mungkin melalui: hover penyeleksi CSS. Sebenarnya saya perlu mengubah warna bar opsi di dalam panel ketika ada hover di panel. Mencari untuk mendukung semua browser utama.

155 css  css-selectors 

Saya ingin menargetkan semua tag h pada halaman. Saya tahu Anda bisa melakukannya dengan cara ini ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } tetapi apakah ada cara yang lebih efisien untuk melakukan ini menggunakan penyeleksi CSS tingkat lanjut? misalnya sesuatu seperti: [att^=h] { font: 32px/42px …

154 css  css-selectors 

Saat ini saya menggunakan readonly = "readonly" untuk menonaktifkan bidang. Saya sekarang mencoba gaya atribut menggunakan CSS. Saya sudah mencoba menggunakan input[readonly] { /*styling info here*/ } tetapi tidak bekerja karena suatu alasan. Saya juga sudah mencoba input[readonly='readonly'] { /*styling info here*/ } itu juga tidak berhasil. Bagaimana saya bisa …

150 html  css  css-selectors 

Saya membuat tanda tangan email HTML dengan inline CSS (yaitu CSS dalam styleatribut), dan saya ingin tahu apakah mungkin menggunakan :beforedan :afterpseudo-elemen. Jika demikian, bagaimana saya mengimplementasikan sesuatu seperti ini dengan inline CSS? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

146 html  css  css-selectors  pseudo-element  inline-styles 

Bagaimana cara menerapkan gaya ke kotak input kosong? Jika pengguna mengetikkan sesuatu di bidang input, gaya seharusnya tidak lagi diterapkan. Apakah ini dimungkinkan dalam CSS? Saya mencoba ini: input[value=""]

141 css  input  css-selectors