css selector

Docs Css

Pengenalan

Css Selector adalah

Persiapan

Berikut ini adalah penjelasan dari apa saja yang di namakan selector dan cara penulisannya. Saya juga menyantunkan bagian demo untuk di lihat dengan menggunakan referensi dari https://www.w3schools.com.

Pemilih *

Css

* {

}

Demo atau Selengkapnya

---

Pemilih .class

Css

.class {

}

Demo atau Selengkapnya.

---

Pemilih #id

Css

#id {

}

Demo atau Selengkapnya

---

Pemilih >

Css

div > p {

}

Demo atau Selengkapnya

---

Pemilih +

Css

div + p {

}

Demo atau Selengkapnya.

Pemilih ~

Css

p ~ ul {

}

Demo atau Selengkapnya

---

Pemilih [name]

Css

[name] {

}

Demo atau Selengkapnya

---

Pemilih [name=value]

Css

[name=value] {

}

Demo atau Selengkapnya

---

Pemilih [name~=value]

Css

[name~=value] {

}

Demo atau Selengkapnya

---

Pemilih [name|=value]

Css

[name|=value] {

}

Demo atau Selengkapnya

---

Pemilih [name^=value]

Css

[name^=value] {

}

Demo atau Selengkapnya

---

Pemilih [name$=value]

Css

[name$=value] {

}

Demo atau Selengkapnya

---

Pemilih [name*=value]

Css

[name*=value] {

}

Demo atau Selengkapnya

---

Pemilih :active

Css

:active {

}

Demo atau Selengkapnya

---

Pemilih ::before

Css

::before {

}

Demo atau Selengkapnya

---

Pemilih ::after

Css

::after {

}

Demo atau Selengkapnya

---

Pemilihan :first-child

Css

:first-child {

}

Demo atau Selengkapnya

---

Pemilih::first-letter

Css

::first-letter {

}

Demo atau Selengkapnya

---

Demo atau Selengkapnya

Referensi :

https://www.w3schools.com/cssref/css_selectors.php