ಏನು ಸಿಎಸ್ಎಸ್ ಸೆಲೆಕ್ಟರ್ ತಿಳಿಯಿರಿ

ಆರಂಭಿಸಿ ಸಿಎಸ್ಎಸ್

ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಯಾವ ಅಂಶಕ್ಕೆ ಯಾವ ಶೈಲಿ ಅನ್ವಯಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಲು ಸಿಎಸ್ಎಸ್ ಹೊಂದಾಣಿಕೆಯ ನಿಯಮಗಳ ಮೇಲೆ ಅವಲಂಬಿತವಾಗಿದೆ. ಈ ನಮೂನೆಗಳನ್ನು ಸೆಲೆಕ್ಟರ್ಗಳು ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ ಮತ್ತು ಡಾಕ್ಯುಮೆಂಟ್ನ ನಿರ್ದಿಷ್ಟ ಭಾಗಗಳಿಗೆ ಹೋಲುವ ಬಹಳ ಸಂಕೀರ್ಣವಾದ ಮಾದರಿಗಳಿಗೆ ಟ್ಯಾಗ್ ಹೆಸರುಗಳಿಂದ (ಉದಾಹರಣೆಗೆ, ಪ್ಯಾರಾಗ್ರಾಫ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿಸಲು p) ವ್ಯಾಪ್ತಿಯಲ್ಲಿರುತ್ತವೆ (ಉದಾಹರಣೆಗೆ, ಪಿ # ಮೈಯಿಡ್> ಬಿ. ಹೈಲೈಟ್ನೊಂದಿಗೆ ಯಾವುದೇ ಬಿ ಟ್ಯಾಗ್ನೊಂದಿಗೆ ಹೊಂದಾಣಿಕೆಯಾಗುತ್ತದೆ ಐಡಿ ಮೈಯಿಡ್ನೊಂದಿಗೆ ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಮಗುವಾಗಿದ್ದ ಹೈಲೈಟ್ನ ವರ್ಗ).

ಸಿಎಸ್ಎಸ್ ಸೆಲೆಕ್ಟರ್ ಎನ್ನುವುದು ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯ ಕರೆದ ಭಾಗವಾಗಿದೆ, ಅದು ವೆಬ್ ಪುಟದ ಭಾಗವನ್ನು ಹೇಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಬೇಕು ಎಂಬುದನ್ನು ಗುರುತಿಸುತ್ತದೆ. ಆಯ್ಕೆಮಾಡಿದ ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೇಗೆ ವಿನ್ಯಾಸಗೊಳ್ಳುತ್ತದೆ ಎಂಬುದನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸೆಲೆಕ್ಟರ್ ಒಳಗೊಂಡಿದೆ.

ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆದಾರರು

ಆಯ್ಕೆದಾರರ ಹಲವಾರು ವಿಧಗಳಿವೆ:

• ನಿರ್ದಿಷ್ಟ ಅಂಶವನ್ನು ಹೊಂದಿಕೆ-ಟೈಪ್ ಆಯ್ಕೆ ಮಾಡುವವರು
• ಒಂದು ನಿರ್ದಿಷ್ಟ ವರ್ಗದೊಂದಿಗೆ ವರ್ಗ ಆಯ್ಕೆದಾರರು-ಹೊಂದಾಣಿಕೆಯ ಅಂಶಗಳು
• ID ಸೆಲೆಕ್ಟರ್ಗಳು-ನಿರ್ದಿಷ್ಟ ID ಯೊಂದಿಗಿನ ಅಂಶವನ್ನು ಸರಿಹೊಂದಿಸುತ್ತದೆ
• ವಂಶಸ್ಥರು ಆಯ್ಕೆ ಮಾಡುವವರು-ನಿರ್ದಿಷ್ಟ ಅಂಶದ ವಂಶಸ್ಥರು ಎನಿಸಿಕೊಳ್ಳುವ ಅಂಶಗಳು
• ನಿರ್ದಿಷ್ಟ ಅಂಶದ ಮಗುವಾಗಿದ್ದ ಮಗುವಿನ ಆಯ್ಕೆದಾರರು-ಹೊಂದಾಣಿಕೆಯ ಅಂಶಗಳು
• ಸಾರ್ವತ್ರಿಕ ಸೆಲೆಕ್ಟರ್ಗಳು-ಯಾವುದೇ ಅಂಶಕ್ಕೆ ಹೊಂದಾಣಿಕೆಯಾಗುತ್ತವೆ
• ಪಕ್ಕದ ಒಡಹುಟ್ಟಿದವರು ಆಯ್ಕೆ ಮಾಡುವವರು-ತಾಳೆಯಾಗುವ ಅಂಶಗಳು ತಕ್ಷಣವೇ ಒಂದು ನಿರ್ದಿಷ್ಟ ಅಂಶದಿಂದ ಮುಂಚಿತವಾಗಿರುತ್ತವೆ
• ನಿರ್ದಿಷ್ಟ ಗುಣಲಕ್ಷಣ ಅಥವಾ ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯದೊಂದಿಗೆ ಆಯ್ದ ಆರಿಸುವಿಕೆ-ಆಯ್ಕೆ ಮಾಡುವ ಅಂಶಗಳು
• ಸೂಡೊ-ವರ್ಗದ ಆಯ್ಕೆದಾರರು-ನಿರ್ದಿಷ್ಟ ಸೂಡೊ ವರ್ಗದ ಅಂಶಗಳನ್ನು ಹೊಂದಿರುತ್ತಾರೆ
• ಸ್ಯೂಡೋ-ಎಲಿಮೆಂಟ್ ಸೆಲೆಕ್ಟರ್ಗಳು-ನಿರ್ದಿಷ್ಟ ಸೂಡೊ-ಎಲಿಮೆಂಟ್ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಹೊಂದಾಣಿಕೆಯ ಅಂಶಗಳು

ಫಾರ್ಮ್ಯಾಟ್ ಸಿಎಸ್ಎಸ್ ಸ್ಟೈಲ್ಸ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ

ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯ ವಿನ್ಯಾಸವು ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

ಸೆಲೆಕ್ಟರ್ {ಶೈಲಿ ಆಸ್ತಿ: ಶೈಲಿ; }

ಅಲ್ಪವಿರಾಮದಿಂದ ಒಂದೇ ಶೈಲಿಯನ್ನು ಹೊಂದಿರುವ ಬಹು ಆಯ್ಕೆಗಾರರನ್ನು ಪ್ರತ್ಯೇಕಿಸಿ. ಇದನ್ನು ಸೆಲೆಕ್ಟರ್ ಗ್ರೂಪಿಂಗ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ:

selector1 , selector2 {style property: style; }

ಗುಂಪು ಆಯ್ಕೆದಾರರು ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳನ್ನು ಕಾಂಪ್ಯಾಕ್ಟ್ ಮಾಡಲು ಒಂದು ಸಂಕ್ಷಿಪ್ತ ಯಾಂತ್ರಿಕ ವ್ಯವಸ್ಥೆಯಾಗಿದೆ.

ಮೇಲಿನ ಗುಂಪಿನು ಅದೇ ರೀತಿಯ ಪರಿಣಾಮವನ್ನು ಹೊಂದಿರುತ್ತದೆ:

ಆಯ್ಕೆ 1 {ಶೈಲಿ ಆಸ್ತಿ: ಶೈಲಿ; }
selector2 {style property: style; }

ಯಾವಾಗಲೂ ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ ಪರೀಕ್ಷಿಸಿ

ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳು ಎಲ್ಲಾ ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆದಾರರಿಗೆ ಬೆಂಬಲ ನೀಡುವುದಿಲ್ಲ. ಆದ್ದರಿಂದ ನೀವು ಸಾಧ್ಯವಾದಷ್ಟು ಅನೇಕ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್ಗಳಲ್ಲಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ ಅನ್ನು ಹಲವು ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಪರೀಕ್ಷಿಸಲು ಮರೆಯದಿರಿ. ಆದರೆ ನೀವು ಸಿಎಸ್ಎಸ್ 1 ಅಥವಾ CSS2 ಸೆಲೆಕ್ಟರ್ಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ ನೀವು ಉತ್ತಮವಾಗಿರಬೇಕು.