პსევდოელემენტი before
პსევდოელემენტი before ჩასვამს ტექსტს
ელემენტის წინ. გამოიყენება მხოლოდ
თვისებასთან content ერთად,
რომელიც განსაზღვრავს ჩასასმელ ტექსტს.
სინტაქსი
სელექტორი::before {
content: 'ტექსტი';
}
მაგალითი
მოდით, გავაკეთოთ ისე, რომ li-ზე დაჩოქებისას
მისი დასაწყისში ჩაისვას ტექსტი:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::before {
content: '!!!';
}
:
მაგალითი
ჩასასმელ ტექსტს შეგვიძლია სხვადასხვა სტილის გამოყენება. მაგალითად, გავაფერადოთ ეს ტექსტი რაიმე ფერში:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::before {
color: red;
content: '!!!';
}
:
ასევე იხილეთ
-
პსევდოელემენტი
after,
რომელიც ტექსტს ტეგის შემდეგ ჩასვამს -
ფუნქცია
attr,
რომელიც იღებს ტეგის ატრიბუტის მნიშვნელობას -
თვისება
counter-increment,
რომელიც განსაზღვრავს ავტომატურ ნუმერაციას
