Seçici first-child CSS: ilk öğeyi seçme.

Tarihli:

2018-10-30 07:10:20

Görünümler:

545

Verim:

1İstemek 0Sevmeme

Pay:

Table of contents:

Псевдокласс first-child CSS seçmek için kullanılan ilk madde, kap. Bu durumda, belirli bir öğe türünü dikkate değer vardır sadece onun konumu ile ilgili bir ebeveyn. Bazı inceliklerini çalışmalarında vites anlaşılması gereken doğru kullanım için.

CSS-псевдоклассы

Ile Birlikte, kimlikleri, sınıfları, etiketleri ve öznitelikleri псевдоклассы türüdür CSS-seçiciler. Onların özelliği, onlar doğrudan monte edilebilir HTML.

Örnekler псевдоклассов için "ilk satır kapsayıcı", "ilk kelime bir harf", "ilk alt öğesi üst". Tarayıcı algılayabilir bu unsurlar sadece sonra o analiz sayfası ve gerçekleşti DOM ağaç, ve bazı durumlarda sadece sonra işleme.

Varlığı, CSS, benzer bir mekanizma sağlar belirlemek dekorasyon değil, bağlı, HTML kod, açılır için büyük bir fırsat tasarım.

Ilk öğeyi Seçme.

Псевдокласс first-child CSS sorumludur seçimi ilk öğe, bir üst kapsayıcı. Metin düğümleri göz ardı edilir, bir hesap geliyor sadece tam teşekküllü etiketler.

Bulacağız en önemli öğeleri iki basit HTML yapıları.

 

Sonuç olarak, seçilmiş olacak ilk paragraf, liste ve etiket tanımlayan sabit bir yazı tipi.

Daha:

Lenovo v580c: ayrıntılı bir inceleme

Lenovo v580c: ayrıntılı bir inceleme

Bugün karar hakkında yazmak için bir dizüstü Lenovo v580c. İnceleme ayrıntılı olarak bu taşınabilir PC serisi Ideapad yüksek popülerlik, ama çok değil biliyorum, ne çekiyor bu cihaz alıcı. Model, hızlı ve kendi içinde çok olumlu özellikleri de vardır...

İstiyorsanız, taklit disk görüntü? Program Alcohol %120 - en iyi çözüm!

İstiyorsanız, taklit disk görüntü? Program Alcohol %120 - en iyi çözüm!

Birçok profesyonel PC kullanıcıları farkındayız son derece kaliteli ve işlevsel bir program görüntüleri ile çalışmak. Alcohol 120% - bu muhteşem programı bilen yaratmak için değil, sadece «hayaletler» en farklı disk türleri için yola çıka...

Screen: bu nedir ve nasıl oluşturmak için

Screen: bu nedir ve nasıl oluşturmak için

Birkaç kullanıcılar nasıl biliyor sreen, nedir ve ne için kullanılır? Altında veri kavramı ima anlık ekran. Tabii ki, önce öğrenmek, onu almak için nasıl anlamak gerekir, ne için genellikle gereklidir, ve şimdi biz bu konuda konuşmak.Sreen: nedir ve ...

 

Sözdizimi

Tüm псевдоклассы CSS belirlenir ve belirli bir desen. İlk belirtilen ana seçici, daha sonra aradığınız псевдокласс ayrılmış iki nokta üst üste.

 

Böyle bir kural vurgulamak metin ilk öğesi b içinde her konteyner.

 
Seçim ilk öğenin CSS

Ekran görüntüsü açıkçası ne göze çarpıyordu yalnızca öğeleri, uygun bir anda селектору etiket b, ve селектору псевдокласса :first-child. Stil uygulanmıştır içindeki her bir konteyner, bu durumda içindeki tüm öğelerin bir listesi.

Otelde etiketi, temel olarak kullanabilirsiniz herhangi başka bir CSS seçici, örneğin:

 

Tipik bir hata

Псевдокласс ilk öğe first-child CSS seçer kesinlikle etiketi üzerinde yer alan, ilk etapta üst kapsayıcı. Hatta eğer öğe ile tamamen uyumlu, селектору, ama ilk torunu, o seçilir.

örneğin, önceki bir listesini tırnak koy ve yazarlar bu başlangıç.

 
Seçim ilk öğenin CSS

Olmasına Rağmen seçici bir öğenin aynı kaldı, CSS-stil başvuruda bulundu, çünkü ilk öğe kapsayıcı şimdi, ı.

Başka bir hata, ihmal etiket <br>. Bu aynı bir HTML elemanı gibi imkanlardan / kolaylıklardan yararlanın. Çıkarsa kapta önce istenen ünitesi, seçici CSS first-child işe yaramaz.

Muhasebe öğe türü

Bu tür durumları önlemek İçin kullanabilirsiniz псевдокласс first-of-type. Aynı şekilde çalışır, bir seçici CSS first-child, ama dikkate öğesi türü.

 
Seçim ilk öğenin CSS türü dikkate alınarak

Şimdi sayılır, yalnızca karşılık gelen öğeler селектору b.

Son öğeyi Seçme.

Ayrıca псевдокласс last-child, benzer çalışan селектору CSS first-child, ama başlar elemanları tarafından sonunda kap.


Article in other languages:

AR: https://tostpost.com/ar/computers/8802-css.html

BE: https://tostpost.com/be/kamputary/15793-selektar-first-child-css-vybar-pershaga-elementa.html

DE: https://tostpost.com/de/computer/15804-der-selektor-first-child-css-ausw-hlen-des-ersten-elements.html

En: https://tostpost.com/computers/3062-the-selector-first-child-in-css-select-the-first-element.html

ES: https://tostpost.com/es/los-ordenadores/15812-el-selector-de-first-child-en-el-css-seleccionar-el-primer-elemento-de.html

HI: https://tostpost.com/hi/computers/8812-the-selector-first-child-in-css-select-the-first-element.html

JA: https://tostpost.com/ja/computers/8810-css.html

KK: https://tostpost.com/kk/komp-yuterler/15794-selektor-first-child-css-ta-dau-b-r-nsh-element.html

PL: https://tostpost.com/pl/komputery/15766-wybierak-first-child-w-css-wyb-r-pierwszego-elementu.html

PT: https://tostpost.com/pt/computadores/15769-seletor-de-first-child-em-css-escolha-o-primeiro-item.html

UK: https://tostpost.com/uk/komp-yuteri/15782-selektor-first-child-v-css-vib-r-pershogo-elementa.html

ZH: https://tostpost.com/zh/computers/9581-css.html






Alin Trodden - makalenin yazarı, editör
"Merhaba, ben Alin Trodden. Metin, kitap okumak, yazmak ve Gösterimler için bak. Ve sana söylüyorum.kötü değilim. İlginç projelere katılmaktan her zaman mutluluk duyarım."

Yorumlar (0)

Bu makalede Yorum yok, ilk olmak!

Yorum ekle

İlgili Haberler

Daha temiz LCD monitör

Daha temiz LCD monitör

Herhangi bir tekniği gerektirir temizlik, bakım ve korunma. Ve daha fazla ilgi ve zaman verilecektir yürütmek için gerekli prosedürleri ve daha uzun süre bu tekniği bize zevk onun kusursuz bir çalışma.Lcd bilgisayar monitörü veya ...

Yardım acemi kullanıcılar. Gibi bir ICQ numarası almak?

Yardım acemi kullanıcılar. Gibi bir ICQ numarası almak?

almak için bir ICQ numarası nedir? Bence bir kişi ayarlanır benzer bir sorun, büyük olasılıkla, başka bir kullanıcı, bir acemi. Ben, sensin, değil mi? Eğer sadece dışarı başlıyor, ana temelleri world wide web İnternet. Size daha ç...

Grafik tablet. Girebilirsiniz evrensel bir cihaz için çalışma ve çizim

Grafik tablet. Girebilirsiniz evrensel bir cihaz için çalışma ve çizim

alanında, bilgisayar çevre birimleri, zaman görünen birçok cihaz ve eklentileri, geliştirmeleri fonksiyonel bir kişisel bilgisayar. Bazı geliştirme göründü deadly embrace verilir dalları, ve bazı var gelişimi çok büyük olduğu için...

Nerede bir helikopter

Nerede bir helikopter "GTA 5" Los Santos?

tüm bilgisayar oyunları serisi "GTA" büyük bir çeşitlilik vardır taşıma. Doğal olarak, hakim orada çeşitli araçlar, ancak bu demek değil ki, başka bir ulaşım yok aslında. Sen karşılamak ve otobüsler, kamyonlar, uçaklar ve hatta ya...

Programlar CAD: genel bakış farklı platformlar için

Programlar CAD: genel bakış farklı platformlar için

Bir çağda, modern teknoloji, tasarım ve binalar, ve daha fazlası, взвалили omuz ve otomasyon sistemleri. Fırsat kısa sürede oluşturmak için tam teşekküllü bir proje göstermek, müşteriye derhal bir şey değiştirmek veya eklemek için...

Adrian Shepard ve onun tamamlanmamış bir hikaye

Adrian Shepard ve onun tamamlanmamış bir hikaye

Sonra, çıkış oyunu Half-Life çok bekledi devam ediyor. Kısa bir süre izledi resmi ek olarak, sözde bir manzara spin-off. Yayımlanan 1999 yılında oldukça başarılı bir şekilde onun etrafında toplanan hayranları. Bu bölüm adı verildi...