«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 tüm alt öğeleri özyinelemeli olarak seçme
Tüm alt öğeleri özyinelemeli olarak nasıl seçebilirsiniz? div.dropdown, div.dropdown > * { color: red; } Bu sınıf yalnızca tanımlanan className ve tüm yakın çocuklara bir sınıf atar. Basit bir şekilde, aşağıdaki gibi tüm childNodes'ları nasıl seçebilirsiniz: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * …
407 css  css-selectors 
8
CSS: değil (: son çocuk): seçiciden sonra
Ben böyle stil öğeleri, bir listesi var: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Çıkışlar One | Two | Three | Four | Five |yerineOne | Two | …
3
Birden çok sınıfa dayalı öğe seçme
İki sınıf olduğunda bir etikete uygulamak istediğiniz bir stil kuralı var . Bunu JavaScript olmadan yapmanın bir yolu var mı? Diğer bir deyişle: <li class='left ui-class-selector'> Benim stil kuralını uygulamak istediğiniz sadece eğer lihem vardır .leftve .ui-class-selectoruygulamalı sınıflar.
360 css  css-selectors 
10
jQuery “this” in ilk çocuğu
"Bu" tıklatılan bir span daha sonra o tıklatılan öğenin ilk alt jQuery yürütmek için bir jQuery işlevine geçmeye çalışıyorum. Doğru gibi görünmüyor ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> JavaScript: function toggleSection(element) { element.toggleClass("redClass"); } Öğenin ilk alt öğesine nasıl başvurabilirim?
6
Yalnızca ilk doğrudan çocuk için bir CSS seçici var mı?
Aşağıdaki html var <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> Ve aşağıdaki stil: DIV.section DIV:first-child { ... } Nedense stil "alt içeriği 1" <div> yanı sıra "üstbilgi" uygulanmaktadır anlamıyorum <div>. Stil üzerindeki seçicinin sadece "bölüm" adı verilen bir sınıfın ilk doğrudan çocuğuna uygulanacağını düşündüm. …
315 html  css  css-selectors 
7
CSS, bir elemanın sahip olduğu çocuk sayısını tespit edebilir mi?
Muhtemelen kendi sorumu cevaplıyorum ama çok merak ediyorum. CSS'nin bir ebeveynin bireysel çocuklarını seçebileceğini biliyorum, ancak ebeveyninin belirli bir miktarda çocuğu varsa, bir kabın çocuklarını şekillendirmek için destek var. Örneğin container:children(8) { // style the parent this way if there are 8 children } Kulağa garip geldiğini biliyorum, ama müdürüm …
304 css  css-selectors 
7
CSS Child vs Descendant selectors
Bu 2 seçici arasında biraz kafam karıştı. Does soyundan seçici: div p tümünü seç pBir dahilinde divderhal bir descedent olsun veya olmasın? Öyleyse, eğer pdiğerinin içindeyse div, hala seçilecek mi? Sonra çocuk seçici: div > p Fark ne? Çocuk derhal çocuk mu demek ? Örneğin. <div><p> vs <div><div><p> her ikisi …
299 css  css-selectors 
5
CSS'de birden çok özellik seçici belirleme
Gibi bir şey yapmak için sözdizimi nedir: input[name="Sex" AND value="M"] Temel olarak, özniteliği yanı sıra inputözniteliği olan öğeyi seçmek istiyorum :name="Sex"value="M" <input type="radio" name="Sex" value="M" /> Aşağıdaki gibi elemanları gerektiği değil seçilebilir: <input type="radio" name="Sex" value="F" />
9
Çift ve tek elemanları nasıl şekillendirebilirim?
Liste öğelerinin çift ve tek örneklerini seçmek için CSS sözde sınıflarını kullanmak mümkün müdür? Aşağıdakilerin alternatif renklerin bir listesini üretmesini beklerdim, ancak bunun yerine mavi öğelerin bir listesini alırım: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> …
281 html  css  css-selectors 
4
Stilleri aynı anda birden fazla sınıfa nasıl uygulayabilirim?
Farklı adlara sahip iki sınıfın CSS'de aynı özelliğe sahip olmasını istiyorum. Kodu tekrarlamak istemiyorum. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Her iki sınıf da aynı şeyi yaptığından, onu bir araya getirebilmeliyim. Bunu nasıl yapabilirim?
277 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.