ატრიბუტის სახელის სელექტორი

ატრიბუტის სახელის სელექტორი ანიჭებს სტილს ელემენტს, რომელსაც უბრალოდ გააჩნია მითითებული ატრიბუტი თეგის.

მაგალითი

მოდით მივმართოთ თეგს <input>, ატრიბუტით type, და მივანიჭოთ მას ცისფერი ფონის ფერი:

html<p>
  <label>შეიყვანეთ ტექსტი</label>
  <input>
</p>
<p>
  <label>შეიყვანეთ რიცხვი</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

იხილეთ აგრეთვე

  • ატრიბუტის სელექტორი,
    რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობით
  • ატრიბუტის სელექტორი,
    რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობის დასაწყისით
  • ატრიბუტის სელექტორი,
    რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობის დასასრულით
  • ატრიბუტის სელექტორი,
    რომელიც ეძებს ელემენტს ტექსტით ატრიბუტის მნიშვნელობაში
  • ატრიბუტის სელექტორი,
    რომელიც ეძებს ელემენტს ატრიბუტის ერთ-ერთი მნიშვნელობით
  • ატრიბუტის სელექტორი,
    რომელიც ეძებს ელემენტს დეფისით ატრიბუტის მნიშვნელობაში
  • შვილი სელექტორი,
    რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები უშუალო ჩადგმით
  • კონტექსტური სელექტორი,
    რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მშობელით
  • მეზობელი სელექტორი,
    რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მეზობელით
  • ნათესავი სელექტორი,
    რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები მოცემულის შემდეგ
  • უნივერსალური სელექტორი,
    რომელიც საშუალებას გაძლევთ აირჩიოთ ყველა ელემენტი