«css-selectors» etiketlenmiş sorular

CSS (veya başka bir sözde seçici) :afterile birleştirmek istiyorum :hover. Temelde bir liste var ve selectedsınıf öğeyi kullanarak uygulanan bir ok şekli vardır :after. Üzerine gelinen ancak tam olarak çalışamayan nesneler için de aynısını istiyorum. Heres kodu #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: …

176 css  css-selectors  pseudo-element 

Bu basit olmalı, ancak bunun için arama terimlerini bulmakta sorun yaşıyorum. Diyelim ki bende: <div class="a c">Foo</div> <div class="b c">Bar</div> CSS'de, "(.a veya .b) ve .c" ile eşleşen bir seçiciyi nasıl oluşturabilirim? Bunu yapabileceğimi biliyorum: .a.c,.b.c { /* CSS stuff */ } Ancak, bu tür bir mantığı çok çeşitli mantıksal …

176 html  css  css-selectors 

Sınıflardan biri belirtilen önekle eşleşen herhangi bir öğeye bir CSS kuralı uygulamak istiyorum. Örneğin, status-(A ve C, ancak aşağıdaki snippet'te B değil) ile başlayan sınıfı olan div için geçerli olacak bir kural istiyorum : <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> Bir çeşit …

175 css  css-selectors 

(Açıkçası IE değil) yapmak istiyorum ne: p:not(.list):last-child + :text { margin-bottom: 10px; } Bu da metin düğümüne bir kenar boşluğu bırakacaktır. (Bu mümkün mü?) CSS ile metin düğümünü nasıl alabilirim?

173 css  css-selectors 

Sınıf ve kimliği aynı anda seçmek istediğim bazı bağlantılar var. Çünkü 2 farklı davranışım var. Bir bağlantı sınıfı bir sınıf adını aldığında, bir şekilde davranırlar, aynı bağlantı sınıfları başka bir sınıf adı aldığında farklı davranırlar. Sınıf adları jquery ile değiştirilir. Bu yüzden aynı anda bir bağlantı sınıfı VE kimliği seçebilmeliyim. …

170 jquery  dom  jquery-selectors  css-selectors 

TDArka arkaya ilk ve sonuncuyu nasıl seçersiniz ? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

Listenin son öncesi alt öğesini seçmeme izin veren bir css seçici arıyorum. <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> Statik yöntemi: ul li:nth-child(5) Dinamik yöntem: ul li:last-child(-1) tabii ki doğrulamıyor, aynı zamanda nth-son-çocuk dinamik …

161 css  css-selectors 

Zor bir CSS seçici sorusu, hatta mümkün olup olmadığını bilmiyorum. Bunun HTML mizanpajı olduğunu varsayalım: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Verilen örnekte üçüncü olan div(yani değil display:none) görüntülenen sonuncuyu seçmek istiyorum div. Dikkat edin, divgerçek sayfadaki s sayısı farklı olabilir (hattadisplay:none olanlar).

161 html  css  css-selectors 

Birkaç kez jQuery en güçlü varlık DOM sorgu öğeleri manipüle yolu olduğunu duydum: düzenli javascript yapmak çok zor karmaşık sorgular oluşturmak için CSS sorguları kullanabilirsiniz. Ancak, bildiğim kadarıyla , Internet Explorer 8 ve üzeri sürümlerde desteklenen document.querySelectorveya ile aynı sonucu elde edebilirsiniz document.querySelectorAll. Yani soru şu: jQuery'nin en güçlü varlığı …

161 javascript  jquery  html  css-selectors  jquery-selectors 

Bu karakteri CSS dosyalarında birkaç kez gördüm ama nasıl kullanıldığı hakkında hiçbir fikrim yok. Biri bana açıklayabilir ve sayfa stilini kolaylaştırmak için ne kadar yararlı olduklarını gösterebilir mi?

159 css  css-selectors 

Üst öğede fareyle üzerine gelindiğinde alt öğenin stilini değiştirme. Mümkünse bunun için bir CSS çözümünü tercih ederim. Aşağıdakiler yoluyla mümkün olan herhangi bir çözüm var mı: vurgulu CSS seçicileri. Aslında panelde bir vurgulu olduğunda panelin içindeki seçenekler çubuğunun rengini değiştirmem gerekiyor. Tüm büyük tarayıcıları desteklemek istiyor.

155 css  css-selectors 

Bir sayfadaki tüm h etiketlerini hedeflemek istiyorum. Bunu bu şekilde yapabileceğini biliyorum ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } ancak bunu gelişmiş CSS seçicileri kullanarak yapmanın daha etkili bir yolu var mı? örneğin: [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } (ama tabii ki bu işe yaramıyor)

155 css  css-selectors 

Şu anda alanları devre dışı bırakmak için readonly = "readonly" kullanıyorum. Şimdi öznitelik CSS kullanarak stil çalışıyorum. Kullanmayı denedim input[readonly] { /*styling info here*/ } ama bir sebepten dolayı çalışmıyor. Ben de denedim input[readonly='readonly'] { /*styling info here*/ } bu da işe yaramıyor. Salt okunur özniteliği CSS ile nasıl biçimlendirebilirim?

150 html  css  css-selectors 

Boş bir giriş kutusuna nasıl stil uygularım? Kullanıcı giriş alanına bir şey yazarsa, stil artık uygulanmamalıdır. Bu CSS'de mümkün mü? Bunu denedim: input[value=""]

141 css  input  css-selectors 

Satır içi CSS ( styleözniteliklerde CSS ) ile bir HTML e-posta imzası yapıyorum ve :beforeve :aftersözde öğeleri kullanmak mümkün olup olmadığını merak ediyorum . Öyleyse, satır içi CSS ile böyle bir şeyi nasıl uygulayabilirim? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

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