ატრიბუტის ერთ-ერთი მნიშვნელობის სელექტორი

ატრიბუტის ერთ-ერთი მნიშვნელობის სელექტორი განსაზღვრავს სტილს ისეთ ელემენტს, რომლის ატრიბუტში მითითებული მნიშვნელობებიდან ერთ-ერთი მაინც არის. ამ შემთხვევაში, ატრიბუტის ყველა მნიშვნელობა უნდა იყოს გამოყოფილი პრობელით.

მაგალითი

მოდი ვიპოვოთ ყველა <p>, რომლებიც შეიცავენ ერთ-ერთ მნიშვნელობად test-ს და გავაფერადოთ ისინი ლურჯ ფერში:

html<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
cssp[class~="test"] {
  color: blue;
}

Результат:

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

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