CSS Pseudo-Class Selectors ಕನ್ನಡದಲ್ಲಿ | CSS Part 03 Selectors Pseudo Class
Code With Basavaraj
0:00 / 0:00
CSS Pseudo-Class Selectors ಕನ್ನಡದಲ್ಲಿ | CSS Part 03 Selectors Pseudo Class
63 просмотра · 1 месяц назад
Code With Basavaraj
15 подписчиков
63 просмотра · 1 месяц назад
CSS Pseudo-class Selectors ಎಂದರೇನು? 🤔
CSS ನಲ್ಲಿ element ಅನ್ನು select ಮಾಡುವುದು ಮಾತ್ರವಲ್ಲ, ಆ element ಯಾವ STATE ಅಥವಾ CONDITION ನಲ್ಲಿ ಇದೆ ಅನ್ನೋದರ ಆಧಾರದ ಮೇಲೂ style apply ಮಾಡಬಹುದು.
ಇದನ್ನೇ CSS Pseudo-class ಎನ್ನುತ್ತೇವೆ.
ಈ videoದಲ್ಲಿ CSS Pseudo-class Selectors ಅನ್ನು ಕನ್ನಡದಲ್ಲಿ simple examples ಮತ್ತು practical demo ಮೂಲಕ ಅರ್ಥಮಾಡಿಕೊಳ್ಳೋಣ.
📚 ಈ Videoದಲ್ಲಿ:
🔹 :hover — Mouse element ಮೇಲೆ ಬಂದಾಗ
🔹 :focus — Input ಅಥವಾ element focus ಆದಾಗ
🔹 :active — Element click ಮಾಡಿ hold ಮಾಡಿದಾಗ
🔹 :link — Visit ಮಾಡದ link
🔹 :visited — Already visited link
🔹 :first-child — First child element
🔹 :last-child — Last child element
🔹 :nth-child — Specific position based selection
🔹 :checked — Checkbox ಅಥವಾ radio selected ಆದಾಗ
🔹 :disabled — Disabled element
🔹 :required — Required input
🔹 :valid — Valid input
🔹 :invalid — Invalid input
💡 Easy Remember:
Normal Selector = ಯಾವ element?
Pseudo-class = ಆ element ಯಾವ STATE ನಲ್ಲಿ ಇದೆ?
ಉದಾಹರಣೆ:
button:hover
Mouse button ಮೇಲೆ ಬಂದಾಗ button style change ಮಾಡಬಹುದು.
input:focus
Input field focus ಆದಾಗ border ಅಥವಾ background style change ಮಾಡಬಹುದು.
🎯 ಈ video ಯಾರಿಗೆ useful?
✅ CSS Beginners
✅ HTML & CSS ಕಲಿಯುತ್ತಿರುವವರು
✅ Web Development Students
✅ Frontend Developers
✅ Freshers
✅ Kannada Programming Learners
📌 CSS Selectors Series:
Part 01 — Tag, ID & Class Selectors
Part 02 — CSS Combinator Selectors
Part 03 — CSS Pseudo-class Selectors
HTML, CSS, JavaScript, Web Development ಮತ್ತು Programming concepts ಅನ್ನು ಕನ್ನಡದಲ್ಲಿ ಸರಳವಾಗಿ ಕಲಿಯಲು Channel ಅನ್ನು Subscribe ಮಾಡಿ.
#CSS #CSSKannada #PseudoClass #CSSSelectors #WebDevelopment #KannadaTutorial #FrontendDevelopment