«css-selectors» etiketlenmiş sorular

Seçiciler, belge ağacındaki öğelere karşılık gelen kalıplardır. Bir CSS kuralında, kalıpla eşleşen öğelerin stillerini tanımlamak için kullanılırlar.

6
Eşit olmayan bir CSS seçici var mı?
CSS'de! = (Eşit değil) gibi bir şey var mı? örneğin, aşağıdaki koda sahibim: input { ... ... } ama bazı girdiler için bunu geçersiz kılmam gerekiyor. Bunu, giriş etiketine "reset" sınıfını ekleyerek yapmak istiyorum, örneğin <input class="reset" ... /> ve sonra bu etiketi CSS'den atlayın. Bunu nasıl yapabilirim? Görebilmemin tek …
116 html  css  css-selectors 



5
Başka bir öğeden sonra ilk oluşan öğeyi seçin
Bir sayfada aşağıdaki HTML kodu var: <h4>Some text</h4> <p> Some more text! </p> Benim içinde .cssben oldum tarzına aşağıdaki SEÇİCİNİN var h4elemanı. Yukarıdaki HTML kodu, tüm kodun yalnızca küçük bir parçasıdır; divbir shadowbox'a ait olan birkaç tane daha var : #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top …
114 html  css  css-selectors 

4
CSS'de fare aşağı seçici nedir?
Düğmelerin ve diğer öğelerin varsayılan bir stile sahip olduğunu ve 3 adımda davrandığını fark ettim: normal görünüm, fareyle üzerine gelme / odak görünümü ve fare aşağı / tıklama görünümü, CSS'de normal görünümün ve fareyle üzerine gelme görünümünün stilini şu şekilde değiştirebilirim: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } ancak …
114 html  css  css-selectors 

8
CSS "ve" ve "veya"
Oldukça büyük bir sorunum var, çünkü bazı girdi türlerini şekillendirmekten afallatmam gerekiyor. Bende şöyle bir şey vardı: .registration_form_right input:not([type="radio") { //Nah. } Ama ben de onay kutularına stil vermek istemiyorum. Denedim: .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"]) Nasıl kullanılır &&? Ve ||yakında kullanmam …

5
LESS'te Acil Çocuk seçici
Çıkışında acil alt seçiciyi (>) LESS uygulamasına sahip olacak bir şey var mı? Benim tarzımda .less, şöyle bir şey yazmak istiyorum: .panel { ... > .control { ... } } ve LESS'in aşağıdaki gibi bir şey oluşturmasını sağlayın: .panel > .control { ... }
112 css  css-selectors  less 


5
Hedefleme konumu: şu anda "takılı" durumda olan yapışkan öğeler
konum: yapışkan şu anda bazı mobil tarayıcılarda çalışıyor, böylece bir menü çubuğunu sayfada kaydırabilir, ancak daha sonra kullanıcı sayfayı kaydırdığında görüntü alanının üst kısmına bağlı kalabilirsiniz. Peki ya yapışkan menü çubuğunuzu şu anda 'yapışma' halindeyken biraz yeniden biçimlendirmek istiyorsanız? Örneğin, sayfa ile kaydırıldığında çubuğun yuvarlatılmış köşelere sahip olmasını isteyebilirsiniz, ancak …

6
Sözde elemanlar için tek veya çift kolon gösterimi kullanmalı mıyım?
IE7 ve IE8 sözde öğeler için çift iki nokta gösterimini desteklemediğinden (örn. ::afterVeya ::first-letter) ve modern tarayıcılar :aftergeriye dönük uyumluluk için tek iki nokta gösterimini (örn. ) Desteklediğinden, yalnızca tek iki nokta gösterimini kullanmalı mıyım ve ne zaman IE8'in pazar payı ihmal edilebilir bir seviyeye düşüyor, kod tabanımda geri dön …

4
CSS3: denetlenmemiş sözde sınıf
Resmi bir CSS3 :checkedsözde sınıfı olduğunu biliyorum , ancak :uncheckedsözde sınıf var mı ve aynı tarayıcı desteğine sahipler mi? Site noktasının referansı bir taneden bahsetmez, ancak bu whatwg spesifikasyonu (her ne ise) yapar. Aynı sonucun :checkedve :not()sözde sınıflar birleştirildiğinde elde edilebileceğini biliyorum , ancak yine de merak ediyorum: input[type="checkbox"]:not(:checked) { …


11
Son çocuk seçiciyi kullanma
Amacım en son CSS'yi uygulamak li, ancak bunu yapmıyor. #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> Kod parçacığını çalıştırınHide resultsSnippet'i genişlet Sadece son çocuğu nasıl seçebilirim ?
106 css  css-selectors 

4
<İnput type = “?” İçin CSS Seçici
CSS ile tüm girdileri türlerine göre hedeflemenin bir yolu var mı? Çeşitli devre dışı bırakılmış form öğelerinde kullandığım devre dışı bırakılmış bir sınıfım var ve metin kutuları için arka plan rengini ayarlıyorum, ancak onay kutularının bu rengi almasını istemiyorum. Bunu ayrı sınıflarla yapabileceğimi biliyorum ama mümkünse CSS kullanmayı tercih ederim. …

2
İlk çocuk ve son alt öğe dışındaki için CSS seçici
Çok gelişmiş bir web sitesi yapıyorum. Sorum: :first-childve dışındaki tüm diğer çocukları seçmek mümkün mü :last-child? Bir :not()seçici olduğunu biliyorum ama parantez içinde olmayan birden fazlasıyla çalışmıyor. Sahip olduğum şey bu: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }
105 html  css  css-selectors 

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.