Πριν CSS - πρωτότυπο, άνετο, πρακτικό

Ψευδο-στοιχείων και ψευδο-κλάσεις CSS: πριν, μετά, αιωρούνται, ενεργό, κ.λπ. - πραγματική δυνατότητα να βελτιώσουν την ποιότητα και την απλούστευση του τόπου εκτέλεσης, μη συμπεριλαμβανομένων κώδικα JavaScript-χειριστή για το προφανές, δεν απαιτούν πολύπλοκα σχέδια αντίδρασης, στοιχεία τα γεγονότα, διαλόγους και τις ενέργειες του επισκέπτη.

Ψευδο βολικό, πολυλειτουργικό, έχουν σημαντικές και πολλαπλές ιδιότητες επιλογή για απλές και σύνθετες τηγάνια πνευματικών δικαιωμάτων: πώς αρχική επιστήσω την προσοχή, χωρίς ραφή διευκρινίσει τις ενέργειες που απαιτούνται για να φέρει έναν υπαινιγμό στο σωστό μέρος.

Μεγάλη προοπτικές ανοίγει όταν καθορίζονται url () στο περιεχόμενο της ψευδο. Πράγματι, η επιλογή αυτή ανοίγει νέους ορίζοντες, τόσο από την άποψη της λήψης τίποτα στη σελίδα, και η πιθανή ενεργοποίηση τίποτα πουθενά

Ένα ιδιαίτερο χαρακτηριστικό της ψευδο

Ψευδο (:: πριν από CSS, :: μετά) διαφορετικά από τα στοιχεία, επιλογείς και ψευδο-κλάσεις που δεν υπήρχε αρχικά στο δέντρο εγγράφου. Ίσως, στην πράξη δεν είναι ιδιαίτερα σημαντικό, αλλά αν λάβουμε υπόψη το ζήτημα της τοποθέτησης του περιεχομένου στο site, εμπιστεύεστε το ακίνητο περιεχόμενο του κάτι σημαντικό για τη μηχανή αναζήτησης δεν έχει νόημα.

Ψευδο :: μπορείτε πριν σας επιτρέπει CSS για να προσθέσετε περιεχόμενο στο στοιχείο, και :: μετά - μετά. Περιεχόμενα μπορεί να κυμαίνεται από απλό κείμενο με πολύπλοκη μορφοποίηση όσον αφορά τις ιδιότητες CSS, αλλά χωρίς ετικέτες HTML. Ψευδο μπορεί να τοποθετηθεί απόλυτα στο εσωτερικό του στοιχείου, το οποίο επισυνάπτεται, επειδή η έννοια της πριν και μετά είναι σχετική και κινητά. Μπορείτε όχι μόνο να καθορίσετε τη θέση του, αλλά και τα μεγέθη, χρώματα, φόντα, γραμματοσειρές, και να χρησιμοποιήσετε άλλες λειτουργίες του CSS.

Ως ψευδο το CSS, το πριν και το μετά προηγείται το σύμβολο είναι «:», αλλά πρότυπο CSS3 συνιστάται «::». Για να ελέγξετε μια συγκεκριμένη χρήση σε μια σελίδα δεν θα είναι ποτέ περισσότερο από ό, τι ορισμένα προγράμματα περιήγησης ή τις εκδόσεις μπορεί απλά να μην παρατηρήσετε μια ιδιαίτερη ψευδο.

Γενικοί Όροι Χρήσης

Με την τοποθέτηση, π.χ., div στοιχείο περιγράφοντας class = «scElement» και το περιεχόμενο «στοιχείο» στη σελίδα, υποδεικνύοντας στην περιγραφή φύλλο CSS-style:

.scElement {
ΘΕΣΗ ...?
z-index ...?
...

}

μπορείτε να εφαρμόσετε ένα ψευδο «: αιωρούνται» ψευδο και «:: πριν» CSS:

.scElement: αιωρούνται :: πριν από {περιεχόμενο: «πρόθεμα»? χρώμα ...? υπόβαθρο-χρώμα ...?}.

Στη συνέχεια, όταν τοποθετείτε το δείκτη του ποντικιού πριν από τη λέξη «στοιχείο» θα εμφανιστεί η λέξη «πρόθεμα», η οποία θα αλλάξει το χρώμα των γραμμάτων και του φόντου.

παραλλαγές Περιεχόμενο ψευδο

Αν δεν καθορίσετε ψευδο ιδιότητες, θα είναι η ίδια με αυτή του κύριου στοιχείου - scElement. Μπορείτε να καθορίσετε το url, και στη συνέχεια το ακίνητο περιεχόμενο: url ( «/ scBox / RM-ν / sc-rights.png»), όταν ο κέρσορας δείχνει την εικόνα του στοιχείου. Στην περίπτωση του περιεχομένου: «\ 03B1» εμφανίζεται μαθηματικό σύμβολο «άλφα», αλλά η χρήση τους ειδικούς χαρακτήρες: «& nbsp?», « & Lt?», «& Laquo?», «& Raquo?» και άλλοι όχι - θα εμφανίζονται ως έχει.

Επιτρέπονται πολλές επιλογές για να καθορίσετε το περιεχόμενο της ψευδο-: κανονικό «κείμενο», url (), μια ακολουθία δεκαεξαδικών χαρακτήρων, ανατρέξτε στην ενότητα: open-quote / κλείσιμο εισαγωγικά ή χωρίς ανοιχτή απόσπασμα / no-κλείσιμο-quote, κλπ Όπως μπορεί να αποτελεί ένδειξη της απόλυτης θέσης του περιεχομένου. μέσω των ιδιοτήτων στυλ, με εφαρμογή πριν, CSS θα τοποθετήσετε το ψευδο σε οποιοδήποτε σημείο του στοιχείου στο οποίο είναι συνδεδεμένο.

Μπορείτε να συνδυάσετε την ταυτόχρονη χρήση πριν και μετά. Ως εκ τούτου, τοποθετώντας τη χρήση CSS πριν χαρακτήρες περιεχόμενο, μπορείτε να πάρετε μια ποικιλία από εφέ, συνδυάζοντας διάφορες ψευδο-κλάσεις και ψευδο-στοιχεία, εκπλήσσει τον επισκέπτη, να μην ξοδεύουν ταυτόχρονα ακόμη και ένα μόνο byte-κώδικα JavaScript.

Χαρακτηριστικά ψευδο

Για τις ονομασίες που έχουν υιοθετήσει «:» χαρακτήρα, καθώς και να αναφερθεί σε ψευδο, αλλά σε αντίθεση με CSS3 ψευδο συνήθως συμβολίζεται με «::». Τα προγράμματα περιήγησης που το καταλαβαίνουν, αντιλαμβάνονται τις δύο ονομασίες. Κενά στην ηχογράφηση δεν επιτρέπεται, η συμβολοσειρά που καταγράφεται και ψευδο (ή μόνο) ψευδο καταγράφεται μαζί:

scElement: αιωρούνται :: πριν από {περιεχόμενο: «πρόθεμα»? ...}

scElement: ενεργό: μετά {περιεχόμενο: «επίθημα»? ...}

Είναι σημαντικό να θυμάστε: CSS πριν από την εκτέλεση έξω από το περιεχόμενο του ιστοτόπου. Στυλ δεν σχετίζονται με το περιεχόμενο της σελίδας. Ψευδο - δεν αποτελεί εξαίρεση. Δεν εμφανίζονται στο δέντρο DOM και ανεπιθύμητο να τα χρησιμοποιούν στις σχετικές ενότητες του site - στο περιεχόμενο, δεν θα πάρει.

Χρησιμοποιώντας το «» και «::» υποστηρίζεται από κινητές πλατφόρμες και σύγχρονα προγράμματα περιήγησης, αλλά ελέγχει τις εργασίες σχετικά με παλαιότερες εκδόσεις συχνά δεν είναι περιττή.

Το περιεχόμενο της ψευδο-που δεν περιλαμβάνονται στο περιεχόμενο του site. Δεν θα δούμε τις μηχανές αναζήτησης. Πώς να χρησιμοποιήσετε αυτή την περίσταση - εξαρτάται από τη συγκεκριμένη κατάσταση, αλλά η δυνατότητα χρήσης CSS πριν, όσο και μετά, ανεξάρτητα ή σε ένα συγκρότημα, ενδιαφέρουσα όταν το περιεχόμενο είναι ένα url (). Άμεση χρήση της ψευδο περιεχομένου και συνδέσεις με την ιστοσελίδα, θα του επιτρέψει να κατεβάσετε ένα αρχείο, για παράδειγμα, μια εικόνα.

Δυνατότητα να αλλάξετε τα αρχεία στυλ σε απευθείας σύνδεση (αρχεία επικαλυπτόμενα φύλλα στυλ - δεν αποτελεί εξαίρεση) δεν έχει καμία σχέση με τη μορφή και χρήση ψευδο καθώς είναι βολικό σε κάθε δεδομένη στιγμή, στο σωστό αλγόριθμο χώρα, ανάλογα με τις ενέργειές του επισκέπτη.