Postingan lainnya
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>