Cascading Style Sheets: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Tag: Suntingan perangkat seluler Suntingan peramban seluler Suntingan seluler lanjutan |
→CSS Selector: Menambahkan selector child + contoh Tag: Suntingan perangkat seluler Suntingan peramban seluler Suntingan seluler lanjutan |
||
Baris 306:
}
</syntaxhighlight>
=== Child Selector ===
''Child selector'' merupakan cara penulisan CSS dengan memilih semua elemen yang merupakan anak langsung dari elemen tertentu. <ref>{{Cite web|title=Child Combinator - CSS: Cascading Style Sheets {{!}} MDN|url=https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator|website=developer.mozilla.org|language=en-US|access-date=2024-09-03}}</ref>
Contoh:
<syntaxhighlight lang="html" line="1">
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
div > p {
font-size: 12px;
}
</style>
</head>
<body>
<div>
<p> Teks 1 di dalam div. </p>
<p> Teks 2 di dalam div.</p>
<section>
<p> Teks 3 di section tetapi merupakan turunan dari div </p>
</section>
<p> Teks 4 di dalam div </p>
</div>
<p>Teks 5 tidak di dalam div.</p>
</body>
</html>
</syntaxhighlight>
Ini akan menghasilkan teks yang berada langsung di elemen <code><nowiki><div></nowiki></code> akan dirender dengan font berukuran 12 px, sedangkan teks yang tidak berada atau berada di elemen lain tetapi merupakan turunan dari elemen <code><nowiki><div></nowiki></code>, tetap memiliki ukuran font yang normal.
== Dukungan dari peramban web ==
| |||