ატრიბუტის სელექტორი ტირეზე მნიშვნელობაში
ატრიბუტის სელექტორი ტირეზე მნიშვნელობაში მიემართება სტილს ელემენტს, რომლის ატრიბუტის მნიშვნელობები გამოყოფილია ტირეთი.
მაგალითი
მოდი ვიპოვოთ ყველა ელემენტი, რომლებსაც
მნიშვნელობებში, გამოყოფილ ტირეთებს შორის, აქვთ text
და გავაწითლოთ ისინი:
<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>
p[class|="text"] {
color: red;
}
:
იხილეთ აგრეთვე
-
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის სახელით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობის დასაწყისით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის მნიშვნელობის დასასრულით -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ტექსტით ატრიბუტის მნიშვნელობაში -
ატრიბუტის სელექტორი,
რომელიც ეძებს ელემენტს ატრიბუტის ერთ-ერთი მნიშვნელობით -
შვილი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები უშუალი ჩადგმით -
კონტექსტური სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მშობელის მიხედვით -
მეზობელი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მეზობლის მიხედვით -
ნათესავი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები მოცემულის შემდეგ -
უნივერსალური სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ყველა ელემენტი