Spear — Learn to Code

Docs/CSS/Selectors

CSS Selectors

Selectors memilih elemen HTML yang ingin di-style.

Jenis Selector

element — semua elemen (p, h1, div)
.class — elemen dengan class
#id — elemen dengan id
* — semua elemen
parent > child — direct child
A + B — adjacent sibling
A ~ B — general sibling
[attr] — elemen dengan atribut tertentu

style.css

p {
  color: #475569;
  line-height: 1.6;
}
.highlight {
  background: #FEF3C7;
  padding: 4px 8px;
  border-radius: 4px;
}
#special {
  color: #6DD5C4;
  font-weight: bold;
  font-size: 1.2em;
}
.card p {
  font-style: italic;
}

← Previous

Introduction

Colors & Backgrounds