«css-selectors» etiketlenmiş sorular

JQuery kullanarak boş metin kutularını nasıl tanımlarım? Mümkünse, seçicileri kullanarak yapmak istiyorum. Ayrıca, bunu kullanmak istediğim gerçek kodda tüm metin girişlerini seçmek istemediğim için id'yi seçmeliyim. Aşağıdaki iki kod örneğimde, birincisi, kullanıcı tarafından "txt2" metin kutusuna yazılan değeri doğru bir şekilde gösterir. İkinci örnek, boş bir metin kutusu olduğunu tanımlar, …

103 jquery  css-selectors 

document.querySelectorAll(...).map(...)Firefox 3.6'da bile yapamamak canımı sıkıyor ve hala bir cevap bulamıyorum, bu yüzden SO'ya bu blogdaki soruyu çapraz göndermeyi düşündüm: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Bir Dizi almamanızın teknik bir nedeni bilen var mı? Ya da bir StaticNodeList sen kullanabilirsiniz şekilde bir Array devralan neden açılmadığını map, concatvb? (BTW, istediğiniz işlevlerden yalnızca biriyse, şöyle …

103 javascript  dom  css-selectors 

HTML spesifikasyonu bir id'de noktalara (.) İzin verir: <img id="some.id" /> Ancak, CSS kimlik seçici kuralını kullanarak olacak değil doğru maç: #some.id { color: #f00; } Kimlik Seçiciler için CSS spesifikasyonu bu durumdan bahsetmez. Öyleyse, bir etiket adı ve sınıf seçici kombinasyonunu kullandığını varsayıyorum ? Örneğin, bir CSS kuralı , …

103 html  css  css-selectors 

İle bir unsurum var class='myTestClass'. Bu öğelerin tüm alt öğelerine nasıl css stili uygularım? Ben sadece stili çocuk elemanlarına uygulamak istiyorum. Torunları değil. kullanabilirim .myTestClass > div { margin: 0 20px; } tüm divçocuklar için çalışıyor , ancak tüm çocuklar için işe yarayan bir çözüm istiyorum. Kullanabileceğimi düşündüm *ama .myTestClass …

103 css  css-selectors 

Jquery benzeri bir işlevim var: function(elem) { return $('> someselector', elem); }; Soru aynı şeyi nasıl yapabilirim querySelector()? Sorun, >seçicinin querySelector()ebeveynin açıkça belirtilmesini gerektirmesidir. Herhangi bir çözüm var mı?

102 javascript  css-selectors  selectors-api 

Programlamada mevcutlarsa), Aşağıdaki girdileri içeren bir HTML formum varsa: <input type="text" /> <input type="password" /> <input type="checkbox" /> type="text"Veya olan tüm girdilere bir stil uygulamak istiyorum type="password". Alternatif olarak, tüm girdilerin nerede olduğuna karar verirdim type != "checkbox". Görünüşe göre bunu yapmam gerekiyor: input[type='text'], input[type='password'] { // my css } …

101 html  css  css-selectors 

Sass'ta yuva yapmakta sorun yaşıyorum. Aşağıdaki HTML'ye sahip olduğumu varsayalım: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Stillerimi aşağıdakilere yerleştirmeye çalıştığımda bir derleme hatası alıyorum: .item { color: black; a& { color:blue; } } Aynı elemanın parçası olduğunda, üst seçiciden önce bir tür seçiciye nasıl başvurabilirim?

101 sass  css-selectors 

Anladığım kadarıyla HTML5 spesifikasyonu bunun gibi numaralar olan kimlikleri kullanmanıza izin veriyor. <div id="1"></div> <div id="2"></div> Bunlara iyi kullanarak erişebilirim getElementByIdama ile erişemiyorum querySelector. Aşağıdakileri yapmayı denersem , konsolda SyntaxError: DOM Exception 12 alıyorum . document.querySelector("#1") querySelectorHTML5 spesifikasyonu bunların geçerli olduğunu söylediği halde neden kimlik olarak sayıların kullanılmasının işe yaramadığını …

101 javascript  html  css-selectors  selectors-api 

Projem için bir CSS stil sayfası oluşturdum. "DojoxGrid" sınıfına ait tablo öğeleri HARİÇ tüm tablo öğeleri için geçerli olan bir css kuralı oluşturmanın herhangi bir yolu var mı? Gibi bir şey: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }

100 css  css-selectors 

Farklı renk ve görüntüdeki bağlantıyı değiştirmek için css'de öznitelik seçiciyi kullanmam gerekiyor, ancak bu çalışmıyor. Bu html'ye sahibim: <a href="/manual.pdf">A PDF File</a> Ve bu css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } Arka plan neden kırmızı …

99 html  css  css-selectors 

Bir sınıf denilen a h1içindeki ilkini seçmeye çalışıyorum . Bunun içindeki ilk unsursa işe yarar , ancak bundan sonra gelirse işe yaramaz.divdetail_containerh1divul <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> <h1>Second H1</h1> </div> </body> </html> Bunun h1neresinde olursa olsun sahip …

99 css  css-selectors 

Bu CSS kodunu buldum ve ne yaptığını görmek için çalıştırdım ve sayfadaki HER öğeyi özetledi, Birisi Yıldız işaretinin * CSS'de ne yaptığını açıklayabilir mi? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * …

98 css  css-selectors 

İşte anlamadığım bir örnek: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Bana öyle geliyor ki width: 460pxyukarıda belirtilen tüm sınıflara uygulanıyor. Ama neden bazı sınıflar virgülle ( ,) ve bazıları sadece boşlukla ayrılıyor ? Bunun width: 460pxsadece sınıfları CSS dosyasında belirtildiği şekilde birleştiren öğelere uygulanacağını varsayıyorum . Örneğin, 'a …

98 css  css-selectors 

Son zamanlarda rastladı * *içinde CSS . Site referansı - Site Bağlantısı . *CSS stil sayfasında tek bir kullanım için, İnternet ve Stack Overflow örneklerle doludur, ancak * *CSS'de iki sembol kullanmak konusunda emin değilim . Googledim, ancak bununla ilgili herhangi bir bilgi bulamadım, çünkü tek bir *tüm öğeleri seçiyor, …

97 html  css  css-selectors 

Bir düğmenin her tıklamasında jquery kullanarak ilk öğe olarak bir div eklemek istiyorum <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>

97 jquery  prepend  css-selectors