Pertanyaan yang diberi tag «css-selectors»

Apakah ada sesuatu seperti! = (Tidak sama) di CSS? misalnya, saya memiliki kode berikut: input { ... ... } tetapi untuk beberapa masukan, saya perlu membatalkan ini. Saya ingin melakukannya dengan menambahkan kelas "reset" ke tag masukan, misalnya <input class="reset" ... /> lalu lewati tag ini dari CSS. Bagaimana saya …

116 html  css  css-selectors 

Apakah mungkin memiliki beberapa :beforepseudo untuk elemen yang sama? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Saya mencoba menerapkan gaya di atas ke elemen yang sama menggunakan jQuery, tetapi hanya yang terbaru yang diterapkan, tidak pernah keduanya.

116 css  css-selectors  pseudo-element  css-content 

Apakah ada pemilih CSS untuk memilih elemen ini dengan nilai atribut gaya sebarisnya? <div style='display:block'>...</div> sesuatu seperti div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

Saya perhatikan bahwa tombol dan elemen lainnya memiliki gaya default dan berperilaku dalam 3 langkah: tampilan normal, tampilan hover / fokus dan tampilan mousedown / klik, di CSS saya dapat mengubah gaya tampilan normal dan tampilan hover seperti ini: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } tapi bagaimana cara …

114 html  css  css-selectors 

Saya mendapatkan kode HTML berikut di sebuah halaman: <h4>Some text</h4> <p> Some more text! </p> Di saya, .csssaya punya pemilih berikut untuk memberi gaya pada h4elemen. Kode HTML di atas hanyalah sebagian kecil dari keseluruhan kode; ada beberapa divlagi yang terbungkus milik shadowbox: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color …

113 html  css  css-selectors 

Saya mendapat masalah yang cukup besar, karena saya perlu mengkritik dari menata beberapa jenis input. Saya punya sesuatu seperti: .registration_form_right input:not([type="radio") { //Nah. } Tetapi saya juga tidak ingin memberi gaya pada kotak centang. Saya sudah mencoba: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) …

113 css  css-selectors  conditional-operator 

Apakah ada cara agar LESS menerapkan selektor anak langsung (>) dalam keluarannya? Dalam style.less saya, saya ingin menulis sesuatu seperti: .panel { ... > .control { ... } } dan LESS menghasilkan sesuatu seperti: .panel > .control { ... }

112 css  css-selectors  less 

Saya telah menemukan pemilih CSS berikut di lembar gaya agen pengguna Google Chrome: [type="checkbox" i] Apa imaksudnya

112 css  css-selectors 

Saya memiliki elemen dengan class='myTestClass'. Bagaimana cara menerapkan gaya css untuk semua anak elemen ini? Saya hanya ingin menerapkan gaya pada elemen anak-anak. Bukan cucu. Saya bisa menggunakan .myTestClass > div { margin: 0 20px; } yang cocok untuk semua divanak, tetapi saya ingin solusi yang berhasil untuk semua anak. …

112 css  css-selectors 

position: sticky berfungsi di beberapa browser seluler sekarang, jadi Anda dapat membuat bilah menu menggulir dengan laman tetapi kemudian tetap berada di bagian atas area pandang setiap kali pengguna menggulir melewatinya. Tetapi bagaimana jika Anda ingin sedikit mengubah gaya bilah menu lengket Anda setiap kali saat ini 'menempel'? misalnya, Anda …

110 css  css-selectors  css-position 

Karena IE7 dan IE8 tidak mendukung notasi titik dua ganda untuk elemen semu (misalnya ::afteratau ::first-letter), dan karena browser modern mendukung notasi titik dua (misalnya :after) untuk kompatibilitas mundur, sebaiknya saya hanya menggunakan notasi titik dua tunggal dan kapan Pangsa pasar IE8 turun ke tingkat yang dapat diabaikan kembali dan …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

Saya tahu ada :checkedpseudo-class resmi CSS3 , tetapi apakah ada :uncheckedpseudo-class, dan apakah mereka memiliki dukungan browser yang sama? Referensi Sitepoint tidak menyebutkan satu pun, namun spesifikasi whatwg ini (apa pun itu) yang melakukannya. Saya tahu hasil yang sama dapat dicapai ketika kelas :checkeddan :not()pseudo digabungkan, tetapi saya masih penasaran: …

108 css  css-selectors  pseudo-class 

Tujuan saya adalah menerapkan CSS di bagian terakhir li, tetapi tidak melakukannya. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Jalankan cuplikan kodeHide resultsLuaskan cuplikan Bagaimana saya bisa memilih hanya anak terakhir?

106 css  css-selectors 

Apakah ada cara dengan CSS untuk menargetkan semua input berdasarkan tipenya? Saya memiliki kelas yang dinonaktifkan yang saya gunakan pada berbagai elemen formulir yang dinonaktifkan, dan saya menyetel warna latar belakang untuk kotak teks, tetapi saya tidak ingin kotak centang saya mendapatkan warna itu. Saya tahu saya bisa melakukan ini …

105 css  internet-explorer  css-selectors 

Saya membuat situs web yang sangat canggih. Pertanyaan saya: Apakah mungkin untuk memilih semua anak lain kecuali untuk :first-childdan :last-child? Saya tahu ada :not()pemilih tetapi tidak berfungsi dengan lebih dari satu yang tidak ada di dalam tanda kurung. Inilah yang saya miliki: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: …

105 html  css  css-selectors