ატრიბუტის მნიშვნელობის სელექტორი
ატრიბუტის მნიშვნელობის სელექტორი საშუალებას გაძლევთ აირჩიოთ ელემენტები მათზე გარკვეული ატრიბუტის არსებობის ან მისი მნიშვნელობის მიხედვით და გამოიყენოთ მათზე საჭირო სტილი.
მაგალითი
მოდით მივუბრუნდეთ თეგს input,
რომლის ატრიბუტის type
მნიშვნელობაა text,
და მივანიჭოთ მას ცისფერი ფონის
ფერი:
<p>
<label>შეიყვანეთ ტექსტი</label>
<input type="text">
</p>
<p>
<label>შეიყვანეთ რიცხვი</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
იხილეთ აგრეთვე
-
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის სახელის მიხედვით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობის დასაწყისის მიხედვით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობის დასასრულის მიხედვით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ტექსტის მიხედვით ატრიბუტის მნიშვნელობაში -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის ერთ-ერთი მნიშვნელობის მიხედვით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს დეფისის მიხედვით ატრიბუტის მნიშვნელობაში -
შვილი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები პირდაპირი ჩადგმის მიხედვით -
კონტექსტური სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მშობელის მიხედვით -
მეზობელი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მეზობლის მიხედვით -
ნათესავი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები მოცემულის შემდეგ -
უნივერსალური სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ყველა ელემენტი