«css-selectors» etiketlenmiş sorular

Bir kullanıcı fare sınıf adı olan öğenin üzerine geldiğinde arka plan rengi uygulamaya çalışıyorum "reMode_hover" . Eleman Ama eğer rengini değiştirmek istemiyorum da vardır"reMode_selected" Not: Ben sadece bir tür sınırlı bir ortamda çalışıyorum çünkü javascript değil CSS kullanabilirsiniz. Açıklığa kavuşturmak için hedefim fareyle üzerine gelindiğinde birinci öğeyi renklendirmek, ikinci öğeyi …

138 html  css  css-selectors 

Ben giriş elemanları için bazı css uygulamak istiyorum ve ben sadece devre dışı olmayan ve türü göndermek olmayan girişler için bunu yapmak istiyorum, css altında çalışmıyor, belki birisi bana nasıl eklenmesi gerektiğini açıklayabilir. 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 

Td etiketlerinin yalnızca BİR düzeyine bir Sınıf stili uygulamanın bir yolu var mı? <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 

Zaten biliyorum: son çocuk. Ancak div'i seçmenin bir yolu var mı: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOT: jQuery olmadan, yalnızca CSS ile

135 html  css  css-selectors 

CSS 2.1 :afterile CSS 3 ::aftersözde seçiciler arasında herhangi bir işlevsel fark var mı ( ::aftereski tarayıcılarda desteklenmemesi dışında )? Yeni spesifikasyonu kullanmak için pratik bir neden var mı?

134 css  css-selectors  pseudo-element  pseudo-class 

На этот вопрос есть ответы на Stack Overflow için русском : Как прописать: hover внутри style = ''? Satır içi stilleri kullanan sözde sınıflara sahip olmak mümkün mü? Misal: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Yukarıdaki HTML'nin çalışmayacağını biliyorum, ancak işe yarayacak benzer bir şey var mı? Not: Harici bir stil sayfası kullanmam …

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

Standart bir liste kullanarak, son 2 liste öğesini seçmeye çalışıyorum. Çeşitli permütasyonlara sahibim An+Bama hiçbir şey son 2'yi seçmiyor gibi görünüyor: 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 nothing */ …

130 css  css-selectors 

Bu sözdizimini kullanmanın amacı nedir div.card > div.name Bunun arasındaki fark nedir div.card div.name

127 css  css-selectors 

JQuery'nin seçicilerini, özellikle kimlik seçiciyi kullanıyorum: $("#elementId")... JQuery'nin öğeyi bulup bulmadığını nasıl belirleyebilirim? Belirtilen kimliğe sahip öğe olmasa bile, sonraki ifade bana şunu verir:[object Object] alert($("#idThatDoesnotexist"));

127 jquery  css-selectors 

Sass'ı yeni keşfettim ve bu konuda çok heyecanlandım. Web sitemde, çocuk birleştirici ( E > F) kullanılarak şekillendirilmiş ağaç benzeri bir gezinme menüsü uyguluyorum . Bu kodu Sass'ta daha basit (veya daha iyi) bir sözdizimi ile yeniden yazmanın bir yolu var mı ? #foo > ul > li > ul …

126 css  css-selectors  sass 

Özgüllüğü araştırırken bu bloga rastladım - http://www.htmldog.com/guides/cssadvanced/specificity/ Özgüllüğün CSS için bir puanlama sistemi olduğunu belirtir. Bize öğelerin 1 puan, sınıfların 10 puan ve kimliklerin 100 puan değerinde olduğunu söylüyor. Ayrıca, bu noktaların toplandığını ve toplam miktarın bu seçicinin özgüllüğü olduğunu söyler. Örneğin: body = 1 nokta gövde. sarmalayıcı = 11 …

125 css  css-selectors  css-specificity 

Öznitelik kümesine document.querySelectorAllsahip tüm onay kutuları için kullanmaya çalışıyorum value. Sayfada valueayarlanmamış başka onay kutuları vardır ve her bir onay kutusu için değer farklıdır. Kimlikler ve isimler benzersiz değil. Misal: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> Yalnızca değerleri ayarlanmış olan onay kutularını nasıl seçerim?

124 javascript  css-selectors  selectors-api 

Ben arasındaki farkı söyleyemem element:first-childveelement:first-of-type Örneğin, bir div'iniz olduğunu varsayalım div:first-child → <div>Ebeveynlerinin ilk çocuğu olan tüm unsurlar. div:first-of-type → Ebeveynlerinin <div>ilk <div>unsuru olan tüm unsurlar . Bu tamamen aynı şey gibi görünüyor, ancak farklı çalışıyorlar. Biri açıklayabilir mi lütfen?

124 css  css-selectors 

Bunu yapabilirim: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Yani, myDivsınıfı olan öğenin tüm doğrudan alt öğelerini başarılı bir şekilde alabilirim .foo. Sorun şu ki #myDiv, seçiciye şunu eklemem gerekmesi beni rahatsız ediyor , çünkü sorguyu myDivöğe üzerinde çalıştırıyorum (bu yüzden açıkça gereksizdir). Kapalıyı bırakmam gerekir …

119 javascript  dom  css-selectors 

Keyfi bir seçiciyle eşleşen (veya eşleşmeyen) her n'inci çocuğu seçmenin bir yolu var mı ? Örneğin, her bir tek tablo satırını seçmek istiyorum, ancak satırların bir alt kümesi içinde: 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