ფსევდო ელემენტები

selector::pseudo-element {
  property: value;
}

<p>ანგულარი არის პოპულარული ჯავასკრიპტის ფრეიმვორქი, რომლითაც მარტივად, სტრუქტურირებულად და მოქნილად შეგვიძლია ერთგვერდიანი ვებ აპლიკაციების (SPA - Single Page Application) შექმნა.</p>

p::first-line {
  color: blue;
}

<p>
  API-ის შესასწავლად შეგიძლიათ გამოიყენოთ
  <a href="https://everrest.educata.dev">EverREST-ის </a> ან <a href="https://dummyjson.com/">dummyjson-ის</a>სერვერი
</p>

a::before {
  content: '🔗';
  color: #1890ff;
}

<p>TODO სია:</p>
<ul>
  <li class="done">ვისწავლო HTML</li>
  <li class="done">ვისწავლო CSS</li>
  <li>ვისწავლო Git</li>
  <li>ვისწავლო JS</li>
  <li>ვისწავლო TS</li>
  <li>ვისწავლო Angular</li>
</ul>

ul li.done::after {
  content: '✔';
  color: green;
}

<p>TODO სია:</p>
<ul>
  <li class="done">ვისწავლო HTML</li>
  <li class="done">ვისწავლო CSS</li>
  <li>ვისწავლო Git</li>
  <li>ვისწავლო JS</li>
  <li>ვისწავლო TS</li>
  <li>ვისწავლო Angular</li>
</ul>

ul li {
  padding-left: 5px;
}

ul li::marker {
  content: '⬜️';
}

ul li.done::marker {
  content: '✅';
}

<p>პარაგრაფის ელემენტი</p>

p::first-letter {
  color: blue;
  font-size: 1.5rem;
}

<input placeholder="თქვენი სახელი" id="name" />

input::placeholder {
  color: red;
}

<p>მონიშნეთ ტექსტში ნებისმიერი ადგილი.</p>

p::selection {
  color: red;
  background-color: yellow;
}