26 ŞUBAT 2014, ÇARŞAMBA

Css Tutorials #26 - Komşu Ve Kardeş Seçiciler

Hey naber bu yapacağız Scott Wood yukarı seviye gelgitler ve bugün konuşacak konum olduğunu yaklaşık bitişik ve kardeş CSS seçicileri ve ya bu bile var farkında olmayabilir ya da kat bilmiyor olabilir bunları kullanabilir güç ama gerçekten bence üzerinde Kullandığım özellikle mükemmel ve komşu seçici Bitişik seçeneğini aslında her zaman onların ve Kardeş seçme hem uyumlu yedi Firefox Chrome Safari Opera Seishun kadar gerçekten var Tabii sen gerekmedikçe projeler üzerinde bunları kullanarak herhangi bir sorun Nedense spor altı ama baba Ben insanlar gerçekten bu kadar artık seks spor

sanmıyorum biz aslında ile yapmak için ilk edeceksin içine almak Bitişik seçici yapar orada bitişik seçici tarzı bir şey duydum o şey stilleri uygular olduğunu başka bir şey aşağıdaki e-media Lee bu nedenle bu örnek

diyelim, eğer biz bir çift geçen yıl onur olmuştur bu fareler çıktı var gün olmuştur başka paragraf eğer biz istedik diyelim Bu süt ilk paragrafı var amacıyla sonra daha az paragraf sadece tarz olabilir ama b

“İşte 26 CSS öğretici, ben ~ nasıl + ve kullanılacağını göstereceğim. Bunlar ilginç şekillerde kullanıldığında çok esnek olabilir iki CSS seçiciler vardır. Sorul...”
LevelUpTuts

ir inek listesinde geçmeden biz de seni diyerek kenarları ve seçici kullanabilirsiniz Şimdi artı p Burada biz çocuk vermek bu bazı stilleri belki ince wat söyleyerek hafta bu cesur olduğunu ve Mavi renk şimdi buraya bakarsanız HC de CSSR şimdi oldu şimdi biz liste kirlettiler bakın burada kod versiyonunu render Hangi Rd seni merak ediyorsanız liste öğeleri davayı yüzen ediyorum ama stilleri elde doğrudan var paragraf tek şey olduğunu Bu yanında

Css Tutorials #26 - Komşu Ve Kardeş Seçiciler Resim 1 Css Tutorials #26 - Komşu Ve Kardeş Seçiciler Resim 2 Css Tutorials #26 - Komşu Ve Kardeş Seçiciler Resim 3 Css Tutorials #26 - Komşu Ve Kardeş Seçiciler Resim 4

kodu ve aynı onun görebiliyordu yani level ama bu seçmen diyecektim Tamam ve size ben bir paragraf sonraki öğedir ah tamam ve stil o% evet ama bunu yapmak için gitmiyor hey ben başka söylüyorlar Paragraf doğrudan Bundan sonra o önce elemana bakmak için gidiyor çünkü Hangi tabii Atul değildir ve gitmiyor şimdi de bu stil Bir paragraf koyarsanız bu yüzden bir şey içinde ama bayat bir şey gitmiyor bir div içinde ve sonra var mıydı demek olduğunu p bu var nasıl olduğunu Burada bu alt metin üzerinde o styling gi

diyor ölüm olup elbette Paragraf Şimdi ne iyi, bu kullanabilirsiniz bazı yolları olduğunu Ben en ben diyelim bu her zaman olduğu Ben istiyorum ve bir navigasyon liste öğeleri kadar aralıklı olması Şimdi muhtemelen daha önce yaptık ve liste öğeleri üzerinde olabilir Eğer coulda sadece dedim margin-right: 20 piksel ya da burada bir şey ve şimdi tabii onlar her bir marj Ray 220 piksel Ne bu konuda garip bu son madde hala margin-right asla değildir: 20 piksel Eğer bir alana ya da bir şey içinde adım gerekiyorsa ve sadece sorta garip bisiklet olduğunu Aslında sonunda burada bu ekstra alan olmalıdır yani tek yönlü ben gerçekten bu okumak için gitmiyorum seçici kullanmak ister söylemek olduğunu / li artı / li ve daha sonra ray burada marjı diyebiliriz sol ve şimdi diyebiliriz 20 piksel ne yani burada oluyor ki o hemen cehennemde izleyen herhangi / li aramaya gidiyor ben ve verilen margin-left: 220 piksel o yapıyor ne söyleyerek tamam ilk liste öğesi seni takip ediyor sen ben biliyorum İkinci aşağıdaki listelenen çanları evet Üçüncü Aşağıda Evet tamam size margin-sol vermek biliyorum: bu nedenle bu oyun hafta sonu eşit alanı dışında herhangi bir ekstra boşluk zorunda kalmadan liste öğeleri ve gerek kalmadan belki sınıfı bir patlama vermek ve daha sonra 10 sürdü Eğer aslında herhangi yok biliyorum hey demek margin-right: bu yüzden burada bazı kod tasarruf ve ben her zaman kullanabilirsiniz onun oldukça lanetlemek serin bir şey belki bitişik daha müthiş kullanımları daha iyisini bile bulabilirsiniz seçici tamam bu kadar bir sonraki adım kardeşi başka bir kardeş seçici gerçekten seçmektir benzer Bu a ile ancak komşu seçici üzerinde Ancak kardeş seçici yapar ile Aslında geniş bunun için görünüyor Bir seni l sonra her paragraf şu Biz eğer aynı seviyeleri yani bu check out sürece vardı aynı bu yüzden Li önce vardı kod adı geçen Kardeş seçicisi bir URL tel de olduğu Güneş bir onun yanındaki tuşa bir numara Eğer vardiya ve eğer biz paragraf baskını demek ve biz Wade cesur buldunuz ve rengi mavi Bu hakkın şöyle Şimdi fark edeceksiniz aynı seviyede çünkü o her paragraf Senin gibi ve o hemen duvarı ve ondokuz Ely ve onu izleyen izleyin Bunu gidiyor mavi olmak Şimdi en aslında içinde bu bir isim izin ve ne yapacağım bu paragraf koymak ölüm kadar iç Şimdi burada ne kadar komik olsa da bu olduğunu Bir sen de sonra bir paragraf etiketi o değil aynı seviyede değil, çünkü bir Bunun için şapkalı değil Bir kardeş, bir çocuğa onun bir kardeş ovett bu yüzden şimdi o fark etmek önemlidir ama o yapmaz iken bu onun gelini ise o geriye gitmez Hücre herhangi paragraf demek olsaydı Ölü ölümden sonra ise esasen sen bu alt paragraf üzerinde kurs styling alır fark edeceksiniz Bu çünkü sadece böyle bir şey için herhangi bir paragraf için bakmıyor ve tabii ihtiyaçlarını öncesinde edilecek Ölüm bu nedenle bu kardeş seçici olduğunu Eğer kardeşler seçmenizi sağlar ve bu berbat bir hafif The komşu kardeş seçici Bitişik kardeşler bizi bu yüzden bu denemek elbette onlarla deney onlar destekledi konum onları kullanmak bu yüzden bunu kontrol ve bugün size yardımcı olabilir tam olarak nasıl bu nedenle herhangi bir soru veya yorumlarınız varsa, bu sıcak küvet keşfetmek olduğunu Facebook Twitter şey üzerinde bir mezartaşı yukarıya bize bildirin videonun gelip lütfen Sizden tarafından izlemek için teşekkür yüzden duymak seviyorum.

Açıklama

İşte 26 CSS öğretici, ben ~ nasıl + ve kullanılacağını göstereceğim. Bunlar ilginç şekillerde kullanıldığında çok esnek olabilir iki CSS seçiciler vardır. Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 31
    Olumlu
  • 0
    Olumsuz
  • 5
    Yorum
  • 2923
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • ChrisCrossMedia

    ChrisCrossMe

    17 EYLÜL 2009
  • LiveForGodsKingdom

    LiveForGodsK

    6 NİSAN 2008
  • manadude21

    manadude21

    11 Mart 2008

ANKET



Bu sayfa işinize yaradı mı?