Skip to main content

CSS : Selector elementlokasi > elementseleksi

Mengapa pada selector ini saya gunakan nama lokasi dan seleksi, karena element ini berfungsi untuk menyeleksi semua script html element seleksi yang berada pada elementlokasi namun tidak boleh ada pada element lain pada element lokasi.
Untuk yang masih bingung bias perhatikan script dibawah ini :
<html>
<head>
<style>
lok > sel{
background-color:red;
}
</style>
</head>
<body>
<h1>
<lok>
<sel> Aku adalah Superman </sel>
<span>
<sel> you = kamu </sel>
</span>
<sel>surat</sel>
</lok>
<h1>
</body>
</html>
Pada script diatas kita membuat sebuat script html yang yang berisi selector css, perhatikan pada bagian style saya membuat elementlokasi dengan nama lok dan elementseleksi dengan nama sel, jadi ketika sel berada pada lok secara langsung maka akan diberikan sebuat style background merah seperti script diatas namun tiak berlaku ketika ada element lain didalam element lokasi yang berisi element seleksi, contohnya pada you = kamu untuk lebih jelasnya bias perhatikan hasil pengujian dibawah ini :

Labels:

Comments

Post a Comment