Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
selektor css > dan spasi
apa bedanya menggunakan DIV UL LI {property}; dengan DIV > UL > LI {property}; semoga ada yang ngasih tau, terimakasih.
6 Jawaban:
Kalo pake tanda panah '>' yang parentnya langsung gan , jadi misalnya
<ul>
<p> <li>list di dalam p</li> </p>
<ul>
nah ini yang kena yang pertama di kode agan (tanpa tanda panah).. kenapa? karena yang kedua harus langsung, sementara si 'li' ini dibungkus sama p dulu sebelum ul, ngga langusng ul
Coba lihat bedanya yang ini
<ul>
<li>ini langsung di dalam ul</li>
</ul>
<ul>
<p><li>kalo ini ngga langsung, ada p dulu</li> </p>
</ul>
ul p li"kalo ini ngga langsung, ada p dulu" /li /p /ul
dari kodingan diatas bedanya menggunakan ul > p > li dengan ul p li apakah sama?
Jawaban Terpilih
saya coba bantu jelaskan, kalau div ul li {properties} artinya properties akan di apply keseluruh li di dalam div (parent) biarpun di depan li tsb ada tag HTML lainnya, sebagai contoh:
<style>
div ul li {
background-color: yellow;
}
</style>
<div>
<ul>
<li>Item 1</li>
<a href="#"><li>Item 2</li></a>
<span><li>Item 3</li></span>
</ul>
</div>
semua li dalam div (parent) akan diberi background warna kuning, sedangkan div > ul > li {properties}, hanya akan memberi style pada li yg langsung menjadi anak dari ul (li tanpa ada tag HTML lainnya didepannya), sehingga dalam hal ini, hanya item 1 yg akan berlatar belakang kuning.
moga bisa dimengerti ;)
<div>akhirnya aku ngeti juga <br>makksih ya bro </div>