atribut kelas

6.1 Atribut kelas lan tag gaya

Nanging ora mung kuwi. Sawise atusan "gaya" diciptakake, pitakonan muncul: carane nggunakake? Banjur padha teka karo gagasan kanggo nglumpukake menyang "kelas". Iki, mesthi, ora padha karo kelas ing Jawa. Mung klompok gaya khusus.

Lan yen sadurunge nggunakake "kelas" sampeyan duwe gambar:

       <img src="logo.png" style="width=100px;height=100px;opacity=0.5">
    

Saiki bisa ditulis minangka:

<img src="logo.png" class="picture">
 
<style>
    img.picture {
        width=100px;
        height=100px;
        opacity=0.5
    }
</style>

Kita nggawe sing khusus «style» picturelan nransfer nilai gaya saka style. Banjur kita dasi <img> lan gambar "gaya" karo tag class.

6.2 Selector, jinis pamilih

Gaya-gaya iki, sing digawe kanthi kapisah, dikenal minangka classesutawa selectors. Dheweke duwe sawetara fitur penting.

Siji html-elementbisa duwe sawetara pamilih. Jeneng kasebut dituduhake kanthi spasi. Tuladha:

       <img src="logo.png" class="picture main">
    

Salah sawijining sebab kita wis ndemek pamilih ing kene amarga bisa ditrapake kanthi otomatis. Lan properti sing migunani iki bakal digunakake asring banget ing mangsa ngarep. Kalebu pangembang Jawa.

Ing ngisor iki dhaptar singkat:

* {
  margin: 0;
  padding: 0;
}

#img123 {
   width:100px;
   height 100px;
}

table {
   color: black;
}

table.important {
   color: red;
}

.picture {
  opacity: 0.5
}

main article {
  color: blue;
}

a:link {
color: blue;
}

a:visited {
color: red;
}

input[type=radio]:checked {
 border: 1px solid black;
}

div:hover {
  background: red;
}

ul li:first-child {
 border-top: none;
}

Sampeyan ora kudu apal kabeh. Nanging luwih apik yen sampeyan sinau tabel iki kaping pindho lan kabeh iki disimpen ing sirahmu. Tanpa web ing urip modern, ora ana ing endi wae, lan ing web - ora ana ing endi wae tanpa pamilih.