Πώς μπορώ να κάνω την εφαρμογή CSS σε μία μόνο σελίδα;


Απάντηση 1:

Το CSS - από τη φύση του, είναι κλιμακωτό. Είναι εύκολο να αντικατασταθεί χρησιμοποιώντας ειδικότητα, όπως ένθετες κλάσεις, ή

επιλογείς

.

Χρησιμοποιώντας την εξειδίκευση

: Προσθέστε ένα μοναδικό classname είτε στο δικό σας

σώμα

ή

κύριος

όπως:

Και στυλ το παιδί στοιχεία ανάλογα

  1. . επιλογέας ονομάτων-σελίδων {/ * Στυλ σελίδας που πηγαίνετε εδώ * /}

Τελικά:

Μια απίστευτα αποτελεσματική μέθοδος στυλ είναι η χρήση εξαρτημάτων. Στυλ

εξαρτημάτων

στοιχεία και τη χρήση

τροποποιητές

για τη δημιουργία δευτερεύουσας ή

διαφορετικός

στυλ - ακόμα και αν τα στοιχεία είναι παρόμοια. Για παράδειγμα - ίσως το ένα έχει ένα πολύχρωμο φόντο, και το δεύτερο δεν το κάνει.

Στοιχείο στην πρώτη σελίδα:

  1. Αυτό το στοιχείο είναι βασικό.

Συστατικό στη δεύτερη σελίδα:

  1. Αυτό το στοιχείο τροποποιείται.

Αναφέρομαι στο θέμα

συστατικά

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


Απάντηση 2:

Έχετε τρεις επιλογές για να ολοκληρώσετε και είναι οι εξής:

  • Χρησιμοποιώντας το inline css - το οποίο περιλαμβάνει την τοποθέτηση του css στην ετικέτα html χρησιμοποιώντας το χαρακτηριστικό στυλ.
  1. Παράδειγμα lorem ipsum

Χρησιμοποιώντας αυτή τη μέθοδο θα πρέπει να τοποθετήσετε το css σε όλες τις ετικέτες που θα το απαιτούσαν.

2. Χρησιμοποιώντας εσωτερικά φύλλα στυλ - ο κώδικας css είναι γραμμένος μέσα στην ετικέτα κεφαλής για τη συγκεκριμένη σελίδα χρησιμοποιώντας την ετικέτα στυλ.

  1. Παράδειγμα