«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.


2
CSS'de = “XYZ” için etiket nasıl seçilir?
HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Düzen değişiklikleri yapmak için 'for' özelliğine göre etiketi seçmek istiyorum.
256 css  css-selectors 

4
CSS'deki her bir Nth öğeyi seçin
Diyelim ki, bir dizi öğedeki her dördüncü öğeyi seçmek mümkün müdür? Örn: 16 <div>elementim var ... Gibi bir şey yazabilirim. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Bunu yapmanın daha iyi bir yolu var mı?
242 css  css-selectors 

8
Alt öğelere CSS Stili uygulama
Stilleri yalnızca belirli bir sınıfla DIV içindeki tabloya uygulamak istiyorum: Not: Alt öğeler için bir css seçici kullanmayı tercih ederim. # 1 neden çalışıyor ve # 2 çalışmıyor? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: <html> …
232 css  css-selectors 

9
CSS3 seçici: sınıf adında türünün ilk örneği?
:first-of-typeBelirli bir sınıf adına sahip ilk öğeyi seçmek için CSS3 seçiciyi kullanmak mümkün müdür ? Testimle başarılı olamadım, bu yüzden değil mi? Kurallar ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> …
230 css  css-selectors 


9
CSS seçicide sınıf ve kimlik nasıl birleştirilir?
Aşağıdaki div varsa: <div class="sectionA" id="content"> Lorem Ipsum... </div> " id='content'VE ile bir div" fikrini ifade eden bir stil tanımlamanın bir yolu var mı class='myClass'? Yoksa şu şekilde olduğu gibi bir şekilde mi gidiyorsunuz? <div class="content-sectionA"> Lorem Ipsum... </div> Veya <div id="content-sectionA"> Lorem Ipsum... </div>
221 css  css-selectors 



5
Sonraki öğe için CSS'de seçici için sözdizimi nedir?
Bir başlık etiketim varsa <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } ve bundan sonra bir paragrafım var <p>stuff here</p>. Takip eden her <p>etiketin CSS kullanmasını nasıl sağlayabilirim h1.hc-reform:clear:both; bu olur mu? h1.hc-reform > p{ clear:both; } nedense bu işe yaramıyor.



6
Açısal 2: Bileşenin ana bilgisayar öğesi nasıl şekillendirilir?
Açısal 2'de my-comp adlı bileşenim var: <my-comp></my-comp> Açısal 2'de bu bileşenin ana bilgisayar öğesi nasıl şekillendirilir? Polimerde ": host" seçicisini kullanırsınız. Açısal 2'de denedim. Ama işe yaramıyor. :host { display: block; width: 100%; height: 100%; } Ayrıca bileşeni seçici olarak kullanmayı denedim: my-comp { display: block; width: 100%; height: 100%; …

10
Bir öğe adına bir CSS stili uygulayabilir miyim?
Şu anda CSS stillerini uyguladığım HTML üzerinde hiçbir kontrole sahip olmadığım bir proje üzerinde çalışıyorum. Ve HTML, öğeler arasında ayrım yapmak için yeterli kimlik ve sınıf bildirimi olmadığı için çok iyi etiketlenmemiştir. Yani, id veya sınıf özniteliği olmayan nesnelere stil uygulayabileceğim yollar arıyorum. Bazen, form öğelerinin "name" veya "value" özelliği …
176 html  css  css-selectors 

6
CSS son alt seçici: ebeveynin içindeki son alt öğeyi değil, belirli bir sınıfın son öğesini seç?
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Seçmek istiyorum #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } div.somethingCommentList'te gerçek bir son çocuğum olduğu sürece bu işe yaramaz. Bu durumda son görünümünü seçmek …
176 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.