Სანამ CSS - ორიგინალური, კომფორტული, პრაქტიკული

ფსევდო ელემენტები და ფსევდო-კლასი CSS: ადრე, მას შემდეგ, hover, აქტიური და ა.შ. - ეფექტური საშუალება ხარისხის გაუმჯობესება და გაამარტივებს შესრულების საიტი, არ მათ შორის JavaScript კურატორმა კოდი აშკარა, არ საჭიროებს რთული რეაქცია დიზაინით, ელემენტები მოვლენები, დიალოგი და ქმედებები სტუმარი.

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

დიდი პერსპექტივები გახსნა, როდესაც მითითებულ URL () შინაარსი ფსევდო. მართლაც, ეს ვარიანტი ხსნის ახალი ჰორიზონტები, ორივე თვალსაზრისით ჩამოტვირთვა არაფერი გვერდზე და შესაძლო გააქტიურებას არაფერი არსად

განმასხვავებელი ფსევდო

ფსევდო (:: ადრე CSS, :: შემდეგ) სხვადასხვა ელემენტები, სელექციონერები და ფსევდო-კლასების, რომ არ თავდაპირველად არსებობს დოკუმენტი ხე. ალბათ, პრაქტიკაში ეს არ არის განსაკუთრებით მნიშვნელოვანია, მაგრამ თუ გავითვალისწინებთ იმ კითხვაზე დებს შინაარსის საიტი, ენდობით შინაარსი ქონება რაღაც მნიშვნელოვანი, რომ საძიებო აზრი არ აქვს.

ფსევდო :: ადრე CSS საშუალებას გაძლევთ დაამატოთ შინაარსის ელემენტს, და :: შემდეგ - მას შემდეგ. შინაარსი შეიძლება იყოს მარტივი ტექსტი რთული გაფორმებით თვალსაზრისით CSS თვისებები, მაგრამ არ HTML tags. ფსევდო შეიძლება კარგად პოზიციონირებული შიგნით ელემენტს, რომელიც თან ერთვის, რადგან მნიშვნელობა და მის შემდეგ ნათესავი და მობილური. თქვენ არ შეგიძლიათ უბრალოდ მიუთითოთ პოზიცია, არამედ ზომის, ფერები, ფონზე, შრიფტები, და გამოიყენოთ სხვა თვისებები CSS.

როგორც ფსევდო CSS, და მის შემდეგ წინ უძღვის სიმბოლო ":", მაგრამ CSS3 სტანდარტული რეკომენდირებულია "::". შესამოწმებლად კონკრეტული გამოყენების გვერდი არასდროს არ იქნება მეტი, ვიდრე ზოგიერთი ბრაუზერები ან ვერსიები შეიძლება უბრალოდ არ შეამჩნია, კერძოდ ფსევდო.

ზოგადი გამოყენების პირობები

დებს, მაგალითად, div ელემენტი, რომელიც აღწერს class = "scElement და შინაარსი" ელემენტი "გვერდზე, მიუთითებს CSS სტილის ფურცელი აღწერა:

.scElement {
პოზიცია ...;
z-index ...;
...

}

თქვენ შეგიძლიათ ვრცელდება ფსევდო ": hover" ფსევდო და ":: ადრე" CSS:

.scElement: hover :: ადრე {content: "პრეფიქსი"; ფერი ...; ფონის ფერი ...;}.

მაშინ, როდესაც თქვენ hover მაუსის მაჩვენებელი ადრე სიტყვა "ელემენტი" გამოჩნდება სიტყვა "პრეფიქსი", რომელიც ფერის შეცვლა წერილები და ფონზე.

Content ვარიაციები ფსევდო

თუ თქვენ არ დააკონკრეტა ფსევდო თვისებები, ისინი იქნება იგივე, რაც ძირითად ელემენტს - scElement. თქვენ შეგიძლიათ მიუთითოთ url და შემდეგ შინაარსი ქონება: url ( '/ scBox / RM-v / sc-rights.png "), როდესაც კურსორი აჩვენებს იმიჯის ელემენტს. იმ შემთხვევაში, თუ შინაარსი: "\ 03B1", როგორც ჩანს, მათემატიკური სიმბოლო "alfa", მაგრამ გამოიყენოს სპეციალური სიმბოლოების: "& nbsp;", " & lt;", "& laquo;", "& raquo;" და სხვები არ - ისინი იქნება ნაჩვენები, როგორც არის.

დაშვებული უამრავი ვარიანტი დაზუსტება შინაარსი ფსევდო: ნორმალური "ტექსტი", url (), თანმიმდევრობა თექვსმეტობითი პერსონაჟი, მიმართეთ: ღია ციტირებით / ახლო ციტირებით, ან არ-open-ციტირებით / არ ახლო პასუხის ა.შ. რაც შეიძლება მიუთითებდეს, აბსოლუტური პოზიცია შინაარსი. მეშვეობით სტილის თვისებები, გამოყენებით ადრე, CSS განათავსებს ფსევდო ნებისმიერ ელემენტს, რომელიც მას უკავშირდება.

თქვენ შეგიძლიათ დააკავშიროთ ერთდროული გამოყენება და მის შემდეგ. აქედან გამომდინარე, დებს გამოყენებით CSS ადრე შინაარსის სიმბოლო, შეგიძლიათ მიიღოთ სხვადასხვა ეფექტი, რომელიც აერთიანებს სხვადასხვა ფსევდო კლასები და ფსევდო ელემენტები, გაოცება სტუმარი, არ ხარჯავს, ამავე დროს, კიდევ ერთი ბაიტი კოდი JavaScript.

მახასიათებლები ფსევდო

მათი აღნიშვნები მიიღო ":" ხასიათი, ისევე როგორც ეხება ფსევდო, მაგრამ განსხვავებით CSS3 ფსევდო, როგორც წესი, აღინიშნება "::". ბრაუზერები, რომ მესმის, აღიქვამენ როგორც დანიშნულების. ხარვეზები ჩაწერა დაუშვებელია, სიმებიანი მიმდინარეობს ჩაწერა და ფსევდო (ან მხოლოდ) ფსევდო ჩაწერილია ერთად:

scElement: hover :: ადრე {content: "პრეფიქსი"; ...}

scElement აქტიური: მას შემდეგ, რაც {content: "სუფიქსი"; ...}

ეს მნიშვნელოვანია გვახსოვდეს: CSS, სანამ ითმენს site content. Styles არ არის დაკავშირებული შინაარსი გვერდზე. ფსევდო - არ არის გამონაკლისი. ისინი არ ჩანს, DOM ხე და არასასურველი გამოიყენონ მათ შესაბამის მონაკვეთებზე საიტი - შინაარსი, ისინი ვერ მიიღებენ.

გამოყენება "" და "::" მხარდაჭერილია მობილური პლატფორმები და თანამედროვე ბრაუზერებში, მაგრამ შემოწმება მუშაობა ძველი ვერსიები ხშირად არ არის ზედმეტი.

შინაარსი ფსევდო არ შედის საიტის შინაარსი. ეს ვერ ვხედავ საძიებო სისტემებში. როგორ გამოვიყენოთ ეს გარემოება - დამოკიდებულია კონკრეტულ სიტუაციაზე, მაგრამ გამოყენების შესაძლებლობას CSS ადრე, ისევე, როგორც შემდეგ, დამოუკიდებლად ან რთული, საინტერესო, როდესაც შინაარსი url (). პირდაპირი გამოყენების შინაარსი ფსევდო კავშირები საიტი, რომელიც საშუალებას მისცემს მას ჩამოტვირთოთ ფაილი, მაგალითად, სურათი.

უნარი შეცვალოს სტილი ფაილი ონლაინ (კასკადური სტილების ფაილები - არ არის გამონაკლისი) არ ერევა ფორმა და გამოიყენოთ ფსევდო როგორც ეს მოსახერხებელია ნებისმიერ დროს, სწორი ადგილი, ალგორითმი, დამოკიდებულია სტუმარი ქმედებები.