css ile div içindeki bütün alt elemanları seçmek

css ile div içindeki bütün alt elemanları seçmek
Söz konusu bilgisayar ise hepimizin bildiği üzere * karakteri bütün öğeleri seçer. Mesela bilgisayarda bir dosya ararken *.docx şeklinde bir arama ile adı ne olursa olsun bana bütün .docx dosyasını bul komutu veririz. Aynı durum web dilleri için de geçerlidir.
* {…} CSS komutu ile bir web sayfasındaki bütün elemanları seçeriz. Ancak bazı durumlarda bütün öğeleri değil ama belirli div etiketi içindeki bütün alt elamanları seçmek isteriz. Elbette bunu CSS ile yapmak mümkün. Ancak tüm elemanları seçmek için * karakterinin sağında solunda boşluk bırakmayı unutmayın.

div.parent * {}
Yukarıdaki komut ile parent class’a sahip bir div etiketi içindeki bütün alt elemanları seçtik. Burada dikkat etmeniz gereken eğer bu öncelikli bir CSS kodu ise yani sadece bu CSS kodlarının uygulanmasını, sayfaya etki etmesini istiyorsanız bunu !important ile belirtmelisiniz.
Mesela şöyle:

div.parent * {
color: red !important;
margin: 0 !imprtant;
}

Buna göre aşağıda parent class’a sahip div içindeki elemanlar kırmızı renk ve margin ise 0 olacaktır.

<div class="parent">
<h1> ben bir h1 etiketiyim</h1>
<ul> Ben bir ul liste etiketiyim
<li> li ile listeleme yapıyoruz
<p>
<a href="">
<img src="" alt="" />
</a>
</p>
</li>
</ul>
</div>

Önceki

haben fiilinin şahıslara göre çekimi

Sonraki

PHP’de tek tırnak içinde HTML kodu eklemek

Email aboneliği

Esakademi.com'dan iyi ve güzel haberler almak için listeye mailinizi ekleyin