ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಮೀನ್ಸ್ನಲ್ಲಿರುವ ಕ್ಯಾಸ್ಕೇಡ್ ಅನ್ನು ತಿಳಿಯಿರಿ

ಸಿಎಸ್ಎಸ್ ಸಣ್ಣ ಕೋರ್ಸ್

ಕ್ಯಾಸ್ಕೇಡ್ ಸಿಎಸ್ಎಸ್ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿಸುತ್ತದೆ. ಸಂಕ್ಷಿಪ್ತವಾಗಿ, ಕಾಸ್ಕೇಡ್ ವೈಲಕ್ಷಣ್ಯದ ಶೈಲಿಗಳನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸಬೇಕು ಎಂಬುದಕ್ಕೆ ಆದ್ಯತೆಯ ಕ್ರಮವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ನಿಮ್ಮಲ್ಲಿ ಎರಡು ಶೈಲಿಗಳಿವೆ:

ಪು {ಬಣ್ಣ: ಕೆಂಪು; }
ಪು {ಬಣ್ಣ: ನೀಲಿ; }

ಕ್ಯಾಸ್ಕೇಡ್ ಪ್ಯಾರಾಗ್ರಾಫ್ಗಳು ಯಾವ ಬಣ್ಣವನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ, ಸ್ಟೈಲ್ ಶೀಟ್ ಅವರು ಕೆಂಪು ಮತ್ತು ನೀಲಿ ಬಣ್ಣದಲ್ಲಿರಬೇಕು ಎಂದು ಹೇಳುವುದಾದರೂ. ಅಂತಿಮವಾಗಿ ಕೇವಲ ಒಂದು ಬಣ್ಣವನ್ನು ಪ್ಯಾರಾಗಳಿಗೆ ಅನ್ವಯಿಸಬಹುದು, ಆದ್ದರಿಂದ ಆದೇಶವನ್ನು ಹೊಂದಿರಬೇಕು.

ಈ ಆದೇಶವನ್ನು ಆಯ್ಕೆ ಮಾಡುವವರು (ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ p) ಅತಿಹೆಚ್ಚು ಆದ್ಯತೆಯನ್ನು ಹೊಂದಿರುತ್ತಾರೆ ಮತ್ತು ಯಾವ ಕ್ರಮದಲ್ಲಿ ಅವರು ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತಾರೆ.

ನಿಮ್ಮ ಬ್ರೌಸರ್ ಒಂದು ಶೈಲಿಗೆ ಆದ್ಯತೆಯನ್ನು ಹೇಗೆ ನಿರ್ಧರಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಕೆಳಗಿನ ಪಟ್ಟಿ ಸರಳಗೊಳಿಸುತ್ತದೆ:

1. ಅಂಶಕ್ಕೆ ಸರಿಹೊಂದುವ ಸೆಲೆಕ್ಟರ್ಗಾಗಿ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ನೋಡಿ. ಯಾವುದೇ ವ್ಯಾಖ್ಯಾನಿತ ಶೈಲಿಗಳಿಲ್ಲದಿದ್ದರೆ, ಬ್ರೌಸರ್ನಲ್ಲಿ ಡೀಫಾಲ್ಟ್ ನಿಯಮಗಳನ್ನು ಬಳಸಿ
2. ಗುರುತಿಸಲಾದ ಆಯ್ಕೆದಾರರಿಗೆ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ನೋಡಿ! ಪ್ರಮುಖವಾದವುಗಳಿಗೆ ಸೂಕ್ತವಾದುದನ್ನು ಅನ್ವಯಿಸಿ.
3. ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ಎಲ್ಲಾ ಶೈಲಿಗಳು ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ಶೈಲಿಗಳನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತದೆ (ಬಳಕೆದಾರ ಶೈಲಿಯ ಹಾಳೆಗಳನ್ನು ಹೊರತುಪಡಿಸಿ).
4. ಶೈಲಿಯ ಸೆಲೆಕ್ಟರ್ಗೆ ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟವಾದದ್ದು, ಅದು ಹೆಚ್ಚಿನ ಆದ್ಯತೆಯನ್ನು ಹೊಂದಿರುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, div> p.class p ಗಿಂತ ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟವಾಗಿದೆ, ಇದು p ಗಿಂತ ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟವಾಗಿದೆ.
5. ಅಂತಿಮವಾಗಿ, ಎರಡು ನಿಯಮಗಳು ಅದೇ ಅಂಶಕ್ಕೆ ಅನ್ವಯವಾಗುತ್ತವೆ ಮತ್ತು ಒಂದೇ ಆಯ್ಕೆ ಆದ್ಯತೆಯಿದ್ದರೆ, ಕೊನೆಯದಾಗಿ ಲೋಡ್ ಮಾಡಲಾದ ಒಂದು ಸಾಧನವನ್ನು ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ಮೇಲಿನಿಂದ ಕೆಳಕ್ಕೆ ಓದಲಾಗುತ್ತದೆ, ಮತ್ತು ಶೈಲಿಗಳು ಪರಸ್ಪರರ ಮೇಲೆ ಅನ್ವಯಿಸಲ್ಪಡುತ್ತವೆ.

ಆ ನಿಯಮಗಳ ಆಧಾರದ ಮೇಲೆ, ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ, ಪ್ಯಾರಾಗಳನ್ನು ನೀಲಿ ಬಣ್ಣದಲ್ಲಿ ಬರೆಯಲಾಗುವುದು ಏಕೆಂದರೆ p {color: blue; } ಶೈಲಿ ಹಾಳೆಯಲ್ಲಿ ಕೊನೆಯದಾಗಿ ಬರುತ್ತದೆ.

ಇದು ಕ್ಯಾಸ್ಕೇಡ್ನ ಅತ್ಯಂತ ಸರಳವಾದ ವಿವರಣೆಯಾಗಿದೆ. ಕ್ಯಾಸ್ಕೇಡ್ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದರ ಕುರಿತು ಇನ್ನಷ್ಟು ತಿಳಿಯಲು ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದರೆ, ನೀವು ಓದಬೇಕು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ನಲ್ಲಿ "ಕ್ಯಾಸ್ಕೇಡ್" ಎಂದರೇನು? .